本文主要包含font-size:0px,,浏览器,inline-block等相关知识,佚名 希望在学习及工作中可以帮助到您
像下面图中的布局,如果排列的元素是登高的话,相信很多人都会使用浮动来布局,不过如果元素不等高的话,不添加多余的标签,浮动布局是很难实现下图中的效果。如果遇到这种情况,可以使用inline-block来布局。
现代浏览器的最新版都支持inline-block,只有该死的ie6、7不支持inline-block,但ie6、7可以通过 display:inline;zoom:1;来模拟。
下面是inline-block兼容的代码:
现代浏览器的最新版都支持inline-block,只有该死的ie6、7不支持inline-block,但ie6、7可以通过 display:inline;zoom:1;来模拟。
下面是inline-block兼容的代码: