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

转载于 2011-09-15 17:14:25 发布 · 387 阅读

文章标签：

#浏览器 #css #ie #c

web 专栏收录该内容

38 篇文章

订阅专栏

本文详细介绍了如何通过特定的CSS代码实现在各种浏览器中一致显示inline-block元素，同时避免了W3C验证失败的问题。通过为不同浏览器提供针对性的样式规则，确保了网页在不同平台上的兼容性和美观性。

.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。