CSS列表怎么橫過來
使用HTML我們可以很方便的創建各種列表，如無序列表、有序列表和自定義列表，但是默認情況下這些列表都是垂直排列的，那么如何讓它們橫過來呢？下面我們來介紹一下如何用CSS實現這個效果。
第一種方法
通過設置ul或ol元素的display屬性為flex來實現橫向排列。flex布局是CSS3中新增的一種布局方式，它的強大之處在于可以快速搞定各種布局問題，實現起來非常簡單。
下面是實現代碼：
ul{
list-style: none;
display: flex;
}
li{
margin-right: 10px;
}上面的代碼中，我們設置了ul元素的display屬性為flex，這樣它的直接子元素li就會橫向排列。我們還設置了li元素的右邊距為10px，這樣各個列表項之間就會有一定的間隔。
第二種方法
通過設置li元素的float屬性來實現橫向排列。float布局是CSS中比較早的一種布局方式，它的原理是讓元素從正常的文檔流中脫離出來，并向左或者向右浮動，實現元素的橫向排列。
下面是實現代碼：ul{
list-style: none;
overflow: hidden;
}
li{
float: left;
margin-right: 10px;
}上面的代碼中，我們通過設置ul元素的overflow屬性為hidden來清除浮動元素對父元素造成的影響，同時設置li元素的float屬性為left，這樣它們就會橫向排列。
總結
實現CSS列表橫向排列有很多方法，上面只是其中兩種比較常見的方法。我們可以根據實際需要選擇合適的方法來實現橫向排列。同時，我們還可以通過CSS對列表項進行樣式調整，來美化頁面的效果，讓頁面更加豐富多彩。