CSS中，我們可以使用flex布局或者grid布局來將豎行換成橫行，下面我們以grid布局為例，介紹如何將豎行換成橫行。

我們需要創(chuàng)建一個包含所有豎行元素的容器，并設置其display屬性為grid。

.container {
  display: grid;
}

我們可以使用grid-template-columns屬性來定義每個橫行的寬度和位置，如果我們有3個豎行元素，可以將其排列成3個橫行：

.container {
  grid-template-columns: 1fr 1fr 1fr;
}

1fr表示每個橫行占據(jù)容器寬度的1份，可以根據(jù)需要調(diào)整。

我們將每個豎行元素放入容器中，并設置其grid-column屬性為對應的橫行編號。

<div class="container">
  <div class="item" style="grid-column: 1;"></div>
  <div class="item" style="grid-column: 2;"></div>
  <div class="item" style="grid-column: 3;"></div>
</div>

這樣，我們就可以將豎行換成橫行了，如果需要調(diào)整橫行的順序或者添加新的橫行，只需要修改grid-template-columns屬性的值即可。