您的位置:首页 > 其它

ul ol dl 取消默认缩进

2017-08-09 10:50 1991 查看
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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: