css 行级元素在多浏览器下的宽度问题与解决方法- CSS样式表

当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > css 行级元素在多浏览器下的宽度问题与解决方法

技术文章搜索

关键字

CSS样式表中的 css 行级元素在多浏览器下的宽度问题与解决方法

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-10 浏览: 103 ::

收藏到网摘: n/a

CSS 多浏览器兼容性问题及解决方案 IE下行框高度的问题

结果如下：

FF3:

IE6(使用IE Tester):

IE7:

Safari4:

看来还是使用&-n-b-s-p-;的兼容性最好。

mt-inline-block的内容:

复制代码

代码如下:

html>body .mt-inline-block{display:-moz-inline-box;display:inline-block;}.mt-inline-block{position:relative;display:inline-block}* html .mt-inline-block{display:inline}*:first-child+html .mt-inline-block{display:inline}

从结果中还能看出外层容器和行框之前的间距不同的浏览器是不同的，IE6:0, IE7: 2px, 其它：1px，在某些情况下可能有问题，这里暂不讨论。

CSS 多浏览器兼容性问题及解决方案 IE下行框高度的问题

CSS样式表 中的 css 行级元素在多浏览器下的宽度问题 与解决方法

评论 (0) All

CSS样式表中的 css 行级元素在多浏览器下的宽度问题与解决方法