在寫網頁樣式時，經常需要用到無序列表（ul），然而默認情況下，ul中的每個列表項（li）都會單獨占據一行。如果我們希望在同一行內顯示多個列表項，該怎么操作呢？

下面介紹幾種方法：

1. 使用浮動

給每個列表項添加float: left，即可在同一行內顯示，代碼如下：

ul {
list-style: none;
}
li {
display: inline-block;
float: left;
margin-right: 10px;
}

2. 使用inline-block

給每個列表項添加display: inline-block，即可在同一行內顯示，代碼如下：

ul {
list-style: none;
}
li {
display: inline-block;
margin-right: 10px;
}

3. 使用flexbox

使用display: flex屬性即可實現同一行內顯示，代碼如下：

ul {
list-style: none;
display: flex;
flex-wrap: wrap;
}
li {
margin-right: 10px;
}

總結：

以上三種方法均可實現ul一行顯示多個列表項，具體使用根據場景和個人習慣選擇即可。值得注意的是，在使用inline-block和flexbox時要注意去除兩個li之間的空格，否則會出現不必要的間隔。