技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> CSS/HTML --> display: inline-block在IE6、IE7下bug的解决方法

display: inline-block在IE6、IE7下bug的解决方法

浏览:5770次  出处信息

display: inline-block在IE6、IE7下应用到块元素时是不起作用的,可以用下面的方法解决:

以下是代码片段:
.selector { display: inline-block }
.selector { *display: inline }

注意:一定要分开写,如果写在同一个选择器里是不起作用的,这是IE的一个BUG。

在IE下,display: inline-block只是触发了元素的layout。比如将display: inline-block设置到div上,只能保证这个div拥有块元素的特征(可以设置宽度,高度等),但还是会产生换行。接下来要设置display: inline,使其不产生换行。

建议继续学习:

  1. display属性和display属性对SEO的影响    (阅读:2706)
  2. display属性和display属性对SEO的影响    (阅读:2392)
  3. display属性及其对SEO的影响    (阅读:2131)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
后一篇:多列等高方案 >>
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1