CSS無序列表怎么橫著排列？

在CSS中，我們可以通過設置display屬性為flex或inline-flex，將無序列表橫向排列，下面是一個示例：

HTML代碼：

<ul class="horizontal-list">
  <li>項目1</li>
  <li>項目2</li>
  <li>項目3</li>
  <li>項目4</li>
  <li>項目5</li>
</ul>

CSS代碼：

.horizontal-list {
  display: flex;
  list-style: none;
  padding: 0;
}
.horizontal-list li {
  margin-right: 10px;
}

在這個示例中，我們創(chuàng)建了一個帶有類名horizontal-list的無序列表，通過CSS，我們將這個列表的display屬性設置為flex，使其子元素（即列表項）橫向排列，我們還移除了列表的默認樣式，并給每個列表項添加了右邊距，以便它們不會緊密排列在一起。

你可以根據自己的需求調整這個示例中的樣式和布局，你可以添加更多的列表項、調整它們的顏色、字體大小等屬性，通過這種方式，你可以輕松地創(chuàng)建出符合自己需求的橫向排列的無序列表。