取代float属性

2016-1-21    分类: css基础教程,前端资源

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

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

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

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

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

如:

inline