導航欄是網(wǎng)站或應用程序中的重要組成部分，通常用來指示網(wǎng)站的導航區(qū)域。為了讓導航欄橫向排列，可以使用 CSS 的 transform 屬性。

下面是一個示例代碼，將導航欄從垂直方向轉(zhuǎn)換為橫向方向：

```css

nav {

position: relative;

width: 200px;

height: 50px;

nav ul {

list-style-type: none;

position: absolute;

transform: translateX(100%);

nav li {

display: inline-block;

width: 100%;

height: 50px;

line-height: 50px;

nav a {

color: #fff;

text-decoration: none;

display: block;

margin-right: 20px;

使用這個示例代碼，導航欄將從原來的垂直方向轉(zhuǎn)換為橫向方向。您可以根據(jù)需要修改 `nav ul` 元素的樣式和 `nav li` 元素的樣式，以使導航欄更符合您的需要。