HTML – 列表丢失了它的子弹

前端之家收集整理的这篇文章主要介绍了HTML – 列表丢失了它的子弹前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > Bullets disappear with CSS3 columns4个
为什么当我将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/

解决方法

试试这个:
list-style-position: inside;

fiddle

原文链接:https://www.f2er.com/html/226265.html

猜你在找的HTML相关文章