关于 inline-block 在各浏览器下的差别

display:inline-block IE 6/7 不支持
可以用inline代替

1.而inline-block在IE 6/7    以外浏览器 在使用之后 会出现 文字空隙 此空隙可以用font-size:0解决,此时webkit核心的chrome可能中间可能还有空,这时letter-spacing:负数,来解决。

2.行内元素不对齐的问题,可以给行内的子元素 加 vertical-align 来解决比如vertical-aglin:top middle等


* 但必须注意 在其子集中有文字的地方 写文字 字号 否则会导致 文字不见了

后续 ie6 下inline 标签 在某些情况下有BUG(还在研究)  inline需要用inline-block代替

web 技术交流群-6306526

转载于:https://www.cnblogs.com/57473735D23/archive/2011/09/04/2166856.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值