Welcome to Delicate template
Header
Just another WordPress site
Header

如何让span拥有内边距,兼容ie6+,google浏览器

7月 24th, 2013 | Posted by 无 名 in css

span是内联元素,在span里面写padding,代码如下:

span { padding:5px; border:1px solid #71aae5;}

这样在google浏览器虽然样式很好,但会出现向上偏移,偏移量就是5个像素。
而在ie6里面,干脆就没有了上下内边距。

所以我们必须让它成为块元素,但这还不够,因为它会占据整行,所以我们还要让它悬浮,解决代码如下。

span { display:block; float:left; padding:5px; border:1px solid #71aae5;}

这样就可以了,google浏览器,ie6+里面都没问题。

You can follow any responses to this entry through the RSS 2.0 Both comments and pings are currently closed.