ul ol dl 取消默认缩进

ul ol dl 默认会缩进,在使用的时候可以使用一下方式取消缩进:

例如:

<ul style="list-style:none;margin:0px;padding:0px;">
<li>111</li>
<li>111</li>
<li>111</li>
<li>111</li>
</ul>

PS:

消除ul、ol等列表的缩进时,样式应写成:list-style:none;margin:0px;padding:0px;其中margin属性对IE有效,padding属性对FireFox有效。

经验证,在IE中,设置margin:0px可以去除列表的上下左右缩进、空白以及列表编号或圆点,设置padding对样式没有影响;在Firefox中,设置margin:0px仅仅可以去除上下的空白,设置padding:0px后仅仅可以去掉左右缩进,还必须设置list-style:none才能去除列表编号或圆点。也就是说,在IE中仅仅设置margin:0px即可达到最终效果,而在Firefox中必须同时设置margin:0px、padding:0px以及list-style:none三项才能达到最终效果。

参考:http://www.hahaad.com/fatiez/jzjs/867.html

猜你喜欢

转载自blog.csdn.net/qq_26496877/article/details/76974492