CSS中，我們可以通過(guò)使用flex布局來(lái)將縱向布局改為橫向布局，并且讓元素在橫向中居中，下面是一個(gè)簡(jiǎn)單的示例代碼：

<div class="container">
  <div class="item">縱向布局的元素</div>
  <div class="item">另一個(gè)縱向布局的元素</div>
  <div class="item">還有一個(gè)縱向布局的元素</div>
</div>

在CSS中，我們可以這樣寫(xiě)：

.container {
  display: flex;
  justify-content: center; /* 讓元素在橫向中居中 */
}
.item {
  /* 縱向布局的元素樣式 */
}

在這個(gè)示例中，我們使用了flex布局來(lái)將容器中的元素排列成一行，并且通過(guò)justify-content屬性讓元素在橫向中居中，這樣，我們就可以將CSS中的縱向布局改為橫向布局，并且讓元素在橫向中居中。

需要注意的是，如果元素的高度不一致，那么它們可能無(wú)法完全居中，在這種情況下，我們可以使用align-items屬性來(lái)設(shè)置元素的垂直對(duì)齊方式，

.container {
  align-items: center; /* 讓元素在垂直方向上居中 */
}

這樣，即使元素的高度不一致，它們也可以被垂直居中，希望這個(gè)示例能夠幫助你實(shí)現(xiàn)CSS中的橫向布局和元素居中。