关于 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

posted @ 2011-09-04 23:38  John.chang  阅读(203)  评论(0编辑  收藏  举报