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

CSS样式表
CSS网页设计实例:15个用CSS设计的网页表单实例
让IE可以变相支持CSS3选择器
CSS3制作的精彩的网页实例教程
5个实例让你轻松了解CSS3新属性
CSS教程:详解CSS特定值
网页制作中的水平居中和垂直居中解决方案
CSS教程:CSS属性behavior的语法
网页制作实例:用CSS样式描述表格Table边框
CSS Hack兼容各浏览器是否正常
应聘网页设计师常见的8个面试试题和答案
5个帮助你实现未来的网页设计的CSS3技巧
CSS教程:纯CSS实现的圆角化图片
CSS命名规范和CSS书写规范及方法
CSS教程:expression在Chrome的问题
CSS教程:CSS变换(transition)
float闭合(清除浮动)和CSS HACK
letter-spacing和word-spacing
CSS基础语法:群组化选择符
黑客选择CSS代码挂马 CSS挂马攻防实录
CSS3制作网页下拉菜单代码解释

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 102 ::
收藏到网摘: n/a

结果如下:

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,在某些情况下可能有问题,这里暂不讨论。