隨著互聯網技術的發展，網站的設計越來越重要。CSS作為網站樣式設計的重要工具，可以讓我們設計出更加美觀、易讀、易用的網站。其中，掌握橫向排列的技巧是非常關鍵的。今天，我們來介紹一下CSS三個橫排的方法。

/*第一個橫排*/
div{
display: inline-block;
}

第一個方法使用display:inline-block，需要將要排列的元素放在一個容器中，如div。這樣，在容器中的元素就可以以行內塊的形式排列，實現橫向排列的效果。

/*第二個橫排*/
ul{
display: flex;
}
li{
flex: 1;
}

第二個方法使用display:flex，需要將要排列的元素放在一個列表中，如ul li。在ul容器中使用display:flex，子元素會自動排列在同一行中。使用flex:1將各個元素平分寬度，實現等寬橫排的效果。

/*第三個橫排*/
ul{
float: left;
}
li{
float: left;
}

第三個方法使用float:left，需要將要排列的元素放在一個列表中，如ul li。在ul和li容器中分別使用float:left，子元素會向左浮動，排列在同一行中。需要注意的是，使用float排列元素時要清除浮動影響，否則可能會出現布局混亂的問題。

以上就是CSS三個橫排的方法，希望能對大家在網站設計中的排版提供一些幫助。