在CSS中，我們可以使用flexbox布局來將豎列變為橫向。為了方便理解，我們假設有一個垂直排列的導航欄，如下所示：

<ul>
<li>首頁</li>
<li>新聞</li>
<li>產品</li>
<li>關于我們</li>
</ul>

接下來，我們給ul元素添加以下CSS樣式：

ul {
display: flex;
flex-direction: row;
}

這段代碼中，我們給ul元素設置了display為flex，這意味著我們要使用flexbox布局。同時，我們將flex-direction屬性設置為row，這意味著子元素將沿著橫向排列。

最終的導航欄將變成橫向排列，如下所示：

• 首頁
• 新聞
• 產品
• 關于我們

使用flexbox布局并不難，但是需要一些實踐和經驗。在使用之前，我們需要了解flexbox布局的基本原則和屬性，以便更好地掌握它的使用方法。