CSS是網頁設計中非常重要的一部分，它能讓網頁看起來更加美觀和舒適。其中，ul標簽是用來創建無序列表的，通常的情況下，這些列表都是豎直排列的，但是我們有時候也需要將其改為橫向列出。那么，該怎么做呢？下面就讓我來給大家介紹一下。 首先，我們需要將ul設置為橫向排列。這時候，我們可以使用display屬性來實現。將代碼寫成如下形式：

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

這段代碼的意思是將ul的顯示方式設置為flex，并將方向設置為row，這樣ul中的每個li元素就會被橫向排列了。這還不夠，我們還需要對li元素做出相應的設置，使得它們能夠橫向排列。

ul {
display: flex;
flex-direction: row;
}
li {
display: inline-block;
}

這段代碼中，我們加入了對li元素的設置，將其顯示方式設置為inline-block，這樣li元素之間就會有間距了，同時也不會出現像普通塊級元素那樣會獨自占據一行的情況。 最后，我們再加一些簡單的樣式來使得橫向列表的外觀更加美觀：

ul {
display: flex;
flex-direction: row;
list-style: none;
padding: 0;
margin: 0;
}
li {
display: inline-block;
margin-right: 10px;
padding: 5px;
background-color: #f2f2f2;
color: #333;
border-radius: 5px;
}

這段代碼中，我們加入了list-style、padding、margin以及一些背景色和邊框樣式等。通過這些設置，我們就能夠將ul改為漂亮的橫向列表了。 總結一下，想要將ul標簽改為橫向排列，我們需要對ul和li元素進行設置，使用display屬性設置為flex，并設置方向為row，同時對li元素進行一些調整，最后加入一些簡單的樣式來讓橫向列表更加美觀。