CSS中，我們可以使用flex布局將縱向排列的元素變成橫向排列，以下是一個簡單的示例：

<div class="container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
  <div class="item">6</div>
  <div class="item">7</div>
  <div class="item">8</div>
  <div class="item">9</div>
  <div class="item">10</div>
</div>

在這個示例中，我們有一個包含10個元素的容器，默認(rèn)情況下，這些元素是縱向排列的，我們將使用CSS將它們變成橫向排列。

.container {
  display: flex;
  flex-direction: row;
}

在這個CSS代碼中，我們設(shè)置了display屬性為flex，這啟用了flex布局，我們設(shè)置了flex-direction屬性為row，這告訴瀏覽器我們希望元素是橫向排列的，當(dāng)我們打開網(wǎng)頁時，這個容器中的所有元素都會被橫向排列。

這只是一個簡單的示例，在實(shí)際應(yīng)用中，您可能需要考慮更多的因素，比如元素的寬度、高度、間距等，基本的原理是相同的：使用CSS的flex布局可以將縱向排列的元素變成橫向排列。