CSS中的塊元素默認(rèn)是垂直排列的，但有時(shí)候我們需要讓塊元素水平排列，怎么讓CSS的塊橫著排列呢？

我們可以使用CSS的display屬性來實(shí)現(xiàn)，將塊元素的display屬性設(shè)置為inline-block或table-cell，可以讓它們水平排列。inline-block可以讓元素保持塊元素的特性，但同時(shí)具有內(nèi)聯(lián)元素的水平排列能力；而table-cell則可以將元素按照表格單元格的方式排列，從而實(shí)現(xiàn)水平排列。

我們還可以使用CSS的float屬性來實(shí)現(xiàn)，將塊元素設(shè)置為浮動(dòng)狀態(tài)，可以使其脫離文檔流，從而實(shí)現(xiàn)水平排列，不過需要注意的是，使用float屬性時(shí)需要清除浮動(dòng)，否則可能會(huì)影響頁面的布局。

CSS的flex布局也可以實(shí)現(xiàn)塊元素的水平排列，通過設(shè)定父元素的display屬性為flex，并設(shè)置flex-direction屬性為row，可以讓子元素水平排列。flex布局還提供了許多其他有用的屬性，如align-items、justify-content等，可以進(jìn)一步控制塊元素的排列方式和位置。

我們可以通過設(shè)置CSS屬性來實(shí)現(xiàn)塊元素的水平排列，具體使用哪種方法，需要根據(jù)實(shí)際情況進(jìn)行選擇。