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
例如:
<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
相关文章推荐
- ul ol dl 取消默认缩进
- HTML中ul,ol,li,dl,dt,dd标签用法
- ul,ol,dl的css属性
- HTML中ul,ol,li,dl,dt,dd标签用法
- HTML——列表<ul>、<ol>以及<dl>
- dl,dt,dd,ul,li,ol区别及运用
- 列表元素ul ol li dl dt dd释义
- ol,li,ul,dl,dt,dd
- dl,dt,dd,ul,li,ol区别及应用
- CSS: dl,dt,dd,ul,li,ol区别及应用
- DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义
- DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义
- DIV+CSS中标签ul ol li dl dt dd用法
- HTML——列表<ul>、<ol>以及<dl>
- HTML中ul,ol,li,dl,dt,dd标签用法
- HTML 列表中的dl,dt,dd,ul,li,ol区别及应用
- [置顶] html学习笔记,锚点,超链接,table布局,表头,h,sub,blockquote,ul,li,ol.dl,加入收藏,打印,弹出窗口
- html,列表<ol>,<ul>,<dl>
- HTML中ul,ol,li,dl,dt,dd标签用法
- HTML中ul,ol,li,dl,dt,dd标签用法