當我們編寫 CSS 樣式時，我們通常會將元素設置為行內元素或塊級元素。行內元素在默認情況下不會獨占一行，它們只占據與文本內容一樣的空間。而塊級元素則會獨占一行，它們會將其下面的所有內容都排成一行。

不過，有時候我們會需要將一些行內元素變成塊級元素，以便更好地控制元素的布局和樣式。這時，我們可以使用 CSS 的 display 屬性來實現這一目的。

// 將行內元素變成塊級元素
.inline-element {
display: block;
}

在上面的代碼中，我們將 class 為 .inline-element 的元素的 display 屬性設為 block，這樣就能將其從行內元素變成塊級元素。同理，我們也可以將塊級元素變成行內元素：

// 將塊級元素變成行內元素
.block-element {
display: inline;
}

當然，我們還可以將元素設置為行內塊級元素，這樣它們既具備塊級元素的特性（獨占一行），又具備行內元素的特性（不會換行）：

// 將元素設置為行內塊級元素
.inline-block-element {
display: inline-block;
}

以上就是 CSS 中將元素變成塊級元素的方法。需要注意的是，在修改元素的 display 屬性時，可能會影響其原有的樣式，所以需要在實際應用中多加注意。