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

CSS样式表
第7天:CSS入门
第10天:自适应高度
VML的基本概念
Shape对象与VML坐标系
Line,Polyline(线)对象
Rect,RoundRect(矩形)对象
Group容器
ShapeType给VML制作模版
脚本动态生成VML
放大缩小VML
给VML增加事件
数据图表
文本修改留痕
VML应用实例大全
建立WEB两大经典!《VML极道教程》+FlashVml(闪耀之星)3.0中/英文版联合发布!
何为“VML”、VML的基底知识
VML网页文件的基本格式
vml简介
欢迎品尝用vml画的苹果~~
iframe 背景透明 实现方法

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 200 ::
收藏到网摘: 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,在某些情况下可能有问题,这里暂不讨论。