HTML中的li標簽用來表示列表中的一個項目，通常是進行無序（unordered）列表的顯示。但是在某些情況下，我們需要將列表中的項目顯示成兩排，這時就需要使用CSS樣式來完成。
CSS樣式可以有多種方式來實現，下面我們使用以下代碼示例演示：
<!DOCTYPE html>
<html>
<head>
<style>
ul.two-columns {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
}
li {
display: inline-block;
width: 100%;
}
</style>
</head>
<body>
<p>下面是一個兩列的無序列表示例：</p>
<ul class="two-columns">
<li>項目1</li>
<li>項目2</li>
<li>項目3</li>
<li>項目4</li>
<li>項目5</li>
<li>項目6</li>
<li>項目7</li>
<li>項目8</li>
<li>項目9</li>
<li>項目10</li>
</ul>
</body>
</html>上面的代碼使用了CSS3的樣式，主要是將整個列表容器使用了“column-count”屬性來控制列數，同時使用“display”屬性將li標簽設置為內聯塊級元素，并設置“width”為100%來實現項目自適應列寬的效果。
最終效果如下：
下面是一個兩列的無序列表示例：
項目1 項目6
項目2 項目7
項目3 項目8
項目4 項目9
項目5 項目10
通過上面的代碼示例，我們可以方便地實現無序列表的兩列顯示，來滿足具體的需求。上一篇css3表格奇數行表達
下一篇keyup事件 vue