html - 列表失去了它的子弹

Question

为什么当我将一个ul分成两列时它会丢失它的子弹？HTML：

<ul class="with-columns">
    <li>Ringo
    <li>George
    <li>John
    <li>Paul
</ul>

CSS：

ul.with-columns{
    -moz-columns: 2;
    -webkit-columns: 2; 
    -o-columns: 2;
    columns: 2;  
    list-style-type:circle; /* Not works! */
}

score 10 · Accepted Answer

10

尝试这个：

list-style-position: inside;

于 2014-05-22T07:09:09.190 回答

score 3 · Accepted Answer

3

Just add list-style-position: inside; inside ul.with-columns css

于 2014-05-22T07:23:35.680 回答

2 回答 2