display:inline-block 使用说明
2013-11-20 00:24
393 查看
一，内联元素下，使用inline-block，ie各版本都支持。（已测试）
二，块级元素下，使用inline-block，ie8 及其以上支持。
需要支持ie6及其以上
解决方案：zoom:1;display:inline-block;*display:inline;（已测试ie6，7，8，9）
注意顺序，有些blog说display:inline-block;与*display:inline;就行，但是经过测试display:inline-block;不足以在ie6，7下触发haslayout，是错误的，所以需要加zoom来出发。
以下有ff2的兼容方案
以下是网上说的
========================================================
display:inline-block; /*Firefox3 beta、IE8 beta、Opera、Safari 支持，IE 下触发 inline 元素的 hasLayout*/
display:-moz-inline-stack; /* Firefox 的私有属性，也可以用 -moz-inline-box */
zoom:1; /*IE 下触发 hasLayout*/
*display:inline; /*一旦IE 下触发了 hasLayout，设置 block 元素为 inline 会使 display:inline 效果与 display:inline-block 相似*/
http://www.planabc.net/2008/04/08/cross_browser_support_for_inline-block_styling/
========================================================
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 解决在IE6下使用display: inline-block;的不兼容性问题
- DIV横排/竖排滚动（white-space/::-webkit-scrollbar的使用技巧以及display: inline-block的选择）支持手势
- 【CSS笔记】display：inline-block的使用
- CSS属性display:inline-block使用揭秘
- CSS之使用display:inline-block来布局
- CSS 中 display:inline-block 属性使用详解
- display:block与display:inline-block在input中的使用区别
- 深入解析CSS的display:inline-block属性的使用
- CSS 中 display:inline-block 属性使用详解
- 使用display:inline-block,让标签居中
- html使用display:inline-block实现标签右对齐，值左对齐效果。和设置div宽度，并居中显示。嵌套div的里层div文字居中显示
- 使用display:inline-block产生间隙
- CSS 中 display:inline-block 属性使用详解
- ie7下面不支持块级元素使用display:inline-block的问题
- CSS之使用display:inline-block与float布局的区别
- CSS 中 display:inline-block 属性使用详解
- 使用display:inline;或display:inline-block;使元素换行
- display:inline-block在内层标签使用，外层标签不需要使用
- display:inline-block