守望的麦子

ul 默认边距的兼容与解析

2014-3-23    曼谷 /others/2014/03/23/ul-padding-margin.html others

先看下ul在各浏览器下的表现

1.默认情况下各浏览器的表现

ul {
list-style:none;/*去除ul列表圆点*/
}

2.给ul定义左边界为0.

ul {
list-style:none;/*去除ul列表圆点*/
margin-left:0;/*左边界为0*/
}

3.给ul定义左填充为0.

ul {
list-style:none;/*去除ul列表圆点*/
padding-left:0;/*左填充为0*/
}

在IE中ul默认的边距是margin,在Firefox中ul默认的边距是padding。

我们只要同时加上{margin:0px; padding:0px;}这样子在IE和FF里面的效果一样啦。

1.给ul同时定义margin和padding

ul {
list-style:none;/*去除ul列表圆点*/
margin:0;/*边界为0*/
padding:0;/*填充为0*/
}

2.全局定义 个人推荐:在开始写CSS时就全局定义margin,padding

* {
margin:0;/*边界为0*/
padding:0;/*填充为0*/
}

通过上面两种解决方法 IE/Friefox 表现都可以达到一至了。

https://bbs.blueidea.com/thread-2729525-1-1.html
https://www.blueidea.com/tech/web/2007/4555.asp

关于作者
麦子,80 后,现从事通信行业。安卓玩家一个人的书房朗读者。
MRJENGLISH
jsntn
jasonwtien
jasonwtien
更多…… /about.html

最近更新: