随身笔记
随身笔记

取代float属性

常写css的人都知道要让元素水平排列一般习惯性的使用float,使用此属性之后还需要清除浮动。

现在可以完全使用display属性来代替了,如下:

display:inline-block;*display:inline;*zoom:1;

这样元素不仅可以水平排列在一起,还能控制大小,可以兼容IE7以上浏览器,至于IE6没去测试也不想去测试了。

(使用这方法记得元素和元素之间不能有空白,不然谷歌浏览器也会有一个空白的空间)

如:

inline

随身笔记

取代float属性
常写css的人都知道要让元素水平排列一般习惯性的使用float,使用此属性之后还需要清除浮动。 现在可以完全使用display属性来代替了,如下: display:inline-block;*display:inline;*zo…
扫描二维码继续阅读
2016-01-21