CSS中的li元素可以實(shí)現(xiàn)并排顯示的效果。在HTML中，我們通常使用無序列表（ul）或有序列表（ol）來顯示一組相關(guān)的內(nèi)容。這些內(nèi)容通常用li元素來表示每一個(gè)項(xiàng)目。

如果我們想讓這些項(xiàng)目并排顯示，我們需要使用CSS來控制它們的樣式。首先，我們需要將li元素的樣式設(shè)置為inline-block，這樣它們就可以在同一行內(nèi)并排顯示。

li {
display: inline-block;
}

但是，當(dāng)li元素的寬度超出父元素的寬度時(shí)，它們就會(huì)自動(dòng)換行。為了解決這個(gè)問題，我們可以將ul或ol元素的樣式設(shè)置為white-space: nowrap，這樣它們就不會(huì)自動(dòng)換行了。

ul, ol {
white-space: nowrap;
}

此外，我們還可以使用float屬性來控制li元素的位置。通過將li元素的float屬性設(shè)置為left，它們就可以向左浮動(dòng)，并在同一行內(nèi)并排顯示。

li {
float: left;
}

需要注意的是，使用float屬性可能會(huì)導(dǎo)致父元素的高度塌陷，因?yàn)楦?dòng)元素不會(huì)自動(dòng)撐開父元素的高度。為了解決這個(gè)問題，我們可以在父元素上使用清除浮動(dòng)的方法，如下所示：

ul:after {
content: '';
display: block;
clear: both;
}

總之，使用CSS中的li元素可以輕松實(shí)現(xiàn)并排顯示效果，無需使用復(fù)雜的布局技術(shù)。但需要注意樣式與父元素寬度的關(guān)系，以及清除浮動(dòng)的問題。