继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

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

陈默有言
关注TA
已关注
手记 9
粉丝 27
获赞 246

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

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

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

打开App,阅读手记
1人推荐
发表评论
随时随地看视频慕课网APP

热门评论

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

查看全部评论