在CSS中，列表項（或縮寫為li）通常被用于創建列表。默認情況下，每個li元素都會獨占一行，但是有時候需要讓li元素在同一行上顯示。下面我們就來了解一下怎樣實現這樣的功能。 一、使用浮動實現li同行顯示 要讓多個li元素在同一行上顯示，我們可以使用CSS的浮動屬性（float）。具體實現方法如下：

ul {
list-style: none; /* 去掉默認的列表樣式 */
margin: 0;
padding: 0;
}
li {
float: left; /* 讓li左浮動 */
}

我們可以看到，通過讓li元素左浮動，它們就可以像一排字母一樣排列在同一行上了。 二、使用display:inline-block實現li同行顯示 除了使用浮動屬性，我們還可以使用CSS的display屬性來實現li同行顯示。具體實現方法如下：

ul {
list-style: none; /* 去掉默認的列表樣式 */
margin: 0;
padding: 0;
}
li {
display: inline-block; /* 讓li變成行內塊元素 */
}

通過將li元素的display屬性設置為inline-block，我們就可以讓它們像行內元素一樣排列在同一行上了。需要注意的是，這種方法的兼容性要比浮動屬性更好一些。 以上就是兩種實現li同行顯示的方法，希望對你有幫助。