论坛首页 Web前端技术论坛

IE6/IE7不支持display:inline-block ?

浏览 2914 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2012-04-16  

IE6/IE7不支持display:inline-block ?

有时候我只是想给元素加行高,内补丁,宽度高度,那么正常的浏览器下面,我们都是常常用这个display属性:

 

display 详细说明:http://www.w3school.com.cn/css/pr_class_display.asp

 

那么了解了这个属性,我们要怎么处理 IE6/7下的bug呢?

 

方法就是如下:

 

css hack 样式破解法,在ie6/7 下特别处理  

 

*display:inline;

*zoom:1;

   发表时间:2012-04-17   最后修改:2012-04-17
ie6,7对display:inline-block支持并不完善的。(当年的firefox2是完全不支持)
在ie6,7下的inline元素设置display:inline-block能够达到效果,但对于block元素却无能为力,需要使用hack
0 请登录后投票
   发表时间:2012-04-17  
ONEBOYS 写道
ie6,7对display:inline-block支持并不完善的。(当年的firefox2是完全不支持)
在ie6,7下的inline元素设置display:inline-block能够达到效果,但对于block元素却无能为力,需要使用hack

对于ie 6 下的 block;其实也不是没有办法。那是因为ie6  haslayout没有使用,所以我们应该 为IE6专门定义一个height.或 width ,zoom来专门为它触发 布局。应该就可以了
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics