ol {
list-style:none; /* 去除默認樣式 */
display: flex; /* 開啟彈性布局 */
}
li {
margin-right: 20px; /* 調整列表項間距 */
}

以上代碼將有序列表

設置為彈性布局，那么
的所有直接子元素
1. 就可以使用彈性布局的屬性進行排列了。這里使用 margin-right 屬性調整每個列表項之間的距離。我們也可以使用 padding 屬性來實現相同的效果。

   如果你希望有序列表水平居中，可以再使用一些簡單的 CSS 命令：

   ol {
   width: fit-content; /* 設置寬度為內容寬度 */
   margin: 0 auto; /* 上下居中，左右居中 */
   }

   fit-content 屬性可以讓

   元素的寬度正好包裹內容，這樣就可以讓列表水平居中了。margin 屬性可以讓我們對元素進行定位和居中處理。

   通過上述 CSS 代碼，就可以實現有序列表的橫向排列。當然，我們也可以對無序列表進行同樣的處理。除此之外，CSS 還有很多方便快捷的樣式可以應用于列表，比如設置鼠標懸停樣式或為列表項添加背景圖片等。