在CSS中，列表的布局是非常重要的，因為它可以影響整個頁面的外觀和可讀性。如果你想把列表項橫向排列，有幾種方法可以幫助你實現這個目標。 第一種方法是使用浮動屬性。將列表項設置為浮動，然后設置浮動項的寬度和間距即可。例如：

ul {
list-style: none;
}
li {
float: left;
width: 33.333%;
margin-right: 1%;
}

此示例將列表項設置為浮動，并將每個項設置為寬度為33.333%，以適合三列布局。右邊距設置為1%來保持每個項之間的空間。此方法可以使列表項橫向排列，并保持其相對位置。 第二種方法是使用Flexbox布局。Flexbox是CSS3的新屬性，可以很容易地創建靈活的布局。要使用Flexbox，只需將父元素的display屬性設置為flex，并使用flex-wrap屬性來定義行為列的顯示方式。例如：

ul {
display: flex;
flex-wrap: wrap;
}
li {
flex-basis: 33.333%;
}

此示例將父元素ul的display屬性設置為flex，并將flex-wrap屬性設置為wrap。這將使列表項可彎曲并在多行中顯示。flex-basis屬性設置每個項的初始大小為33.333%，以在三列布局中進行適配。使用Flexbox布局將列表項水平排列，并自適應多行布局，適應任何分辨率的屏幕。 第三種方法是使用CSS網格布局。CSS網格布局是另一種新的布局技術，可以輕松創建復雜的網格布局。要使用它，請將父元素的display屬性設置為grid，并使用grid-template-columns屬性定義列數和寬度。例如：

ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
li {
grid-column: span 1;
}

此示例將父元素ul的display屬性設置為grid，并使用repeat()函數和1fr單位定義三列。grid-column屬性設置項的列跨度為1，以在每列中顯示一個項。使用CSS網格布局可以輕松地創建任何網格布局的列表項，并實現靈活布局。