首页 > Web开发 > 详细

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

时间:2015-12-06 22:14:06      阅读:232      评论:0      收藏:0      [点我收藏+]
结果如下:

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 行级元素在多浏览器下的宽度问题 与解决方法

原文:http://www.jb51.net/css/23248.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!