CSS樣式中，我們可以通過使用display: flex屬性來將列表橫向排列，以下是一個(gè)示例代碼：

<ul class="list-horizontal">
  <li>列表項(xiàng)1</li>
  <li>列表項(xiàng)2</li>
  <li>列表項(xiàng)3</li>
  <li>列表項(xiàng)4</li>
  <li>列表項(xiàng)5</li>
  <li>列表項(xiàng)6</li>
  <li>列表項(xiàng)7</li>
  <li>列表項(xiàng)8</li>
  <li>列表項(xiàng)9</li>
  <li>列表項(xiàng)10</li>
</ul>

.list-horizontal {
  display: flex;
  list-style: none;
  padding: 0;
}
.list-horizontal li {
  flex: 1;
  text-align: center;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)名為list-horizontal的類，并將其應(yīng)用到一個(gè)無序列表上，這個(gè)類使用了display: flex屬性來將列表項(xiàng)橫向排列，我們還移除了列表的默認(rèn)樣式，并設(shè)置了text-align: center來使列表項(xiàng)在橫向排列時(shí)能夠居中顯示。

通過這種方法，我們可以輕松地實(shí)現(xiàn)列表的橫向排列，并且可以根據(jù)需要自定義列表項(xiàng)的樣式。