列表失去了子弹[重复]

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! */
}

示例：http://jsfiddle.net/4xKea/

Answer 1

试试这个：

list-style-position: inside;

fiddle

Answer 2

只需在ul.with-columns css 中添加list-style-position: inside;