浅谈list-style

浅谈 list-style

    我们经常看到网站的有些网站的global.css里有项 ul, ol, li {list-style:none outside none;} 的设置，为啥不是设成 {list-style: none; } 呢？

    原因是：
    在IE6,7中,与list-style:none的表现一模一样.在IE6,7中当UL具有float和display:inline属性后,设置了list-style:none,则list-style-position也默认为inside了，即列表符被隐藏,但是仍然留有位置(list-style-position:inside);当UL不具有float和display:inline;时，无论有没有list-style:none这个属性,列表符都被隐藏,不占位置。

附：list-style-position 属性。

list-style-position: inside 相当于把列表项标志是列表内容一样，位居最前面。

list-style-position: outside 相当于把列表项标志放在列表内容的边框的外面的一定位置。

如下图效果：