说下display:inline-block
CSS #display2012-07-12 11:52
inline-block,行内的块级元素,它拥有块级元素的特点,可以设置长宽,可以设置margin和padding值,但它却不是独占一行的.
IE6和IE7支持block,inline,none.
IE6和IE7不支持inline-block属性,它们的inline-block属性其实只是触发了行内元素的hasLayout,使行内元素拥有了一些块级元素的特性.其效果和zoom:1是一样的.
在IE6,7下display:inline-block只能对行内元素实现,如果是块级元素就不行.(只能使行内元素能设置高宽这样的属性,但不能使块级元素不独占一行,即对块级元素无效).
IE8和火狐能很好的支持inline-block.
所以为了兼容IE6,7inline-block只能用于行内元素.
相关文章
- CSS3实现圆角 2012/07/12
- CSS中float用法介绍 2012/07/10
- IE中的BUG之margin-bottom失效 2012/06/29
- 超链接a标签去掉虚线框/虚线/去除虚线框 2012/06/14
- css非标准的ime-mode属性 2012/05/19
- 写css伪类时冒号前或后多个空格导致该规则失效 2012/05/19
- Div+CSS布局技巧 2012/04/28
- 常用的CSS知识 2012/04/26
- DIV+CSS网页布局常用的方法 2012/04/26
- 浏览器Firefox与IE在CSS样式表中的差异 2012/04/26