CSS中，我們可以使用flex布局將列表橫過來，下面是一個(gè)簡單的示例：

HTML代碼：

<ul class="list">
  <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>

CSS代碼：

.list {
  display: flex;
  justify-content: space-between;
}

在這個(gè)示例中，我們創(chuàng)建了一個(gè)包含10個(gè)項(xiàng)目的列表，每個(gè)項(xiàng)目都用<li>標(biāo)簽表示，我們給列表添加了一個(gè)類名list，在CSS中，我們使用display: flex;將列表轉(zhuǎn)換為flex布局。justify-content: space-between;則確保列表中的項(xiàng)目之間有相等的間隔，這樣，列表就會水平排列，而不是默認(rèn)的垂直排列。

這只是一個(gè)簡單的示例，在實(shí)際應(yīng)用中，您可能需要更多的樣式和布局來調(diào)整列表的外觀，基本的原理是：使用CSS的flex布局可以將列表橫過來。