在網(wǎng)頁(yè)設(shè)計(jì)中，經(jīng)常會(huì)需要將列表元素并排排列，這時(shí)候就需要使用css來(lái)實(shí)現(xiàn)。
首先，我們需要利用ul和li標(biāo)簽來(lái)定義列表。ul即為無(wú)序列表，li為列表元素。在html代碼中，我們可以這樣寫：

<ul>
<li>元素A</li>
<li>元素B</li>
<li>元素C</li>
</ul>

默認(rèn)情況下，列表元素會(huì)每行排列一個(gè)，這是因?yàn)闉g覽器默認(rèn)給li元素設(shè)置了display: block屬性。
要實(shí)現(xiàn)并排排列，我們可以將li元素的display屬性設(shè)為inline-block：

<ul class="menu">
<li>元素A</li>
<li>元素B</li>
<li>元素C</li>
</ul>
<style>
.menu li {
display: inline-block;
}
</style>

這樣設(shè)置后，列表元素就會(huì)按照從左往右的順序排列。
需要注意的是，由于列表元素被設(shè)置為inline-block，它們之間會(huì)存在一定的間隔（由空格和換行符導(dǎo)致）。如果需要取消這些間隔，可以在父元素ul上設(shè)置font-size: 0，并在li上重新設(shè)置font-size為需要的值：

<ul class="menu">
<li>元素A</li><li>元素B</li><li>元素C</li>
</ul>
<style>
.menu {
font-size: 0;
}
.menu li {
display: inline-block;
font-size: 16px;
}
</style>

以上就是利用css實(shí)現(xiàn)并排列表元素的方法。