名单丢失了子弹

时间:2014-05-22 07:07:01

标签: html css html-lists multiple-columns bulletedlist

为什么当我将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/

2 个答案:

答案 0 :(得分:10)

试试这个:

list-style-position: inside;

fiddle

答案 1 :(得分:3)

只需在list-style-position: inside; css

中添加ul.with-columns即可