display:inline-block hack 转自 52css.com

最新推荐文章于 2024-10-05 17:04:37 发布

「已注销」

最新推荐文章于 2024-10-05 17:04:37 发布

阅读量355

点赞数

分类专栏： web 文章标签：浏览器 css ie c

web 专栏收录该内容

38 篇文章 0 订阅

订阅专栏

.element-class {
     display: -moz-inline-stack;   //Firefox only code
     display: inline-block;        //some standard browsers
     zoom: 1;                      //IE only
     *display: inline;             //Only IE know this code (CSS Hack)
}

　　通过这样的代码就可以实现在各种浏览器中表现一致的 inline-block 了。不过这种方式有个小缺憾，就是无法通过 W3C CSS 验证。当然，要想通过验证也很简单，可以对除了 IE 之外的浏览器发出 inline-table 属性的样式表，对于 IE 单独发出一份 IE Only 的 CSS。