今天我們來學習一下CSS怎樣設置li分欄。看下面的例子：

<ul>
<li>欄目1</li>
<li>欄目2</li>
<li>欄目3</li>
<li>欄目4</li>
<li>欄目5</li>
</ul>

我們想要將這個列表分成兩列，該怎么辦呢？ 首先，在CSS中，我們可以使用column-count屬性來設置分欄數(shù)目。示例如下：

css
ul {
column-count: 2;
}

這樣就可以將列表分成兩列了。但是這樣會出現(xiàn)一些問題，比如第一列和第二列的高度不一致，導致頁面布局混亂。這時候我們需要使用break-inside屬性來解決這個問題。示例如下：

css
ul {
column-count: 2;
break-inside: avoid;
}

這樣就可以避免在li元素中間進行分欄了。下面是完整的代碼：

html
<p>示例代碼：</p>
<pre>
<ul>
<li>欄目1</li>
<li>欄目2</li>
<li>欄目3</li>
<li>欄目4</li>
<li>欄目5</li>
</ul>

示例CSS：

ul {
column-count: 2;
break-inside: avoid;
}

這樣就可以很方便地設置li分欄了。大家可以嘗試一下自己的列表，并根據(jù)需要來調整column-count和break-inside屬性的值。