在IE7环境下分别测试行内元素和块级元素在display:inline-block;作用下的效果,发现行内元素有了块级元素的特性,但两个行内元素之间有空白间隙,而块级元素没有任何改变
怎么解决?
对于解决空白间隙:在父元素设置font-size:0px;在子元素重新设置字体样式
对于块级元素没有获得行内元素效果:对元素设置display:inline-block;display:inline; zoom:1;
或者特殊情况下用float:left;
在IE7环境下分别测试行内元素和块级元素在display:inline-block;作用下的效果,发现行内元素有了块级元素的特性,但两个行内元素之间有空白间隙,而块级元素没有任何改变
怎么解决?
对于解决空白间隙:在父元素设置font-size:0px;在子元素重新设置字体样式
对于块级元素没有获得行内元素效果:对元素设置display:inline-block;display:inline; zoom:1;
或者特殊情况下用float:left;
热门评论
我觉得另一种解决思路可以是:写代码的时候,标签头连标签尾,不换行,不空格即可。