在CSS中,塊元素默認是在獨立的行上顯示的,即一個塊元素會占據一整行的空間。但是有時候我們需要在同一行上顯示多個塊級元素,這就需要用到由CSS提供的一些屬性。
首先,我們可以使用 display 屬性來設置塊級元素的顯示方式,最常用的就是設置為 "inline" 或 "inline-block",而不是默認的 "block"。
div { display: inline-block; }
上面的代碼將 div 元素的 display 屬性設置為 inline-block,這樣它就可以在同一行上顯示了。
另外一個常用的屬性是 float,它可以將元素從正常的文檔流中脫離出來并讓它浮動到父元素的左側或右側。
div { float: left; }
上面的代碼將 div 元素設置為左浮動,這樣它可以和它的兄弟元素在同一行上顯示。
總之,CSS提供了多種方式來實現塊元素在同一行上顯示,我們可以根據具體情況選擇適合自己的方式。