手记

display:inline-block;在IE6/7的兼容性问题

在IE7环境下分别测试行内元素和块级元素在display:inline-block;作用下的效果,发现行内元素有了块级元素的特性,但两个行内元素之间有空白间隙,而块级元素没有任何改变

怎么解决?
对于解决空白间隙:在父元素设置font-size:0px;在子元素重新设置字体样式
对于块级元素没有获得行内元素效果:对元素设置display:inline-block;display:inline; zoom:1;

或者特殊情况下用float:left;

1人推荐
随时随地看视频
慕课网APP

热门评论

我觉得另一种解决思路可以是:写代码的时候,标签头连标签尾,不换行,不空格即可。

查看全部评论