美文网首页
关于ie低版本不支持inlineblock的兼容问题

关于ie低版本不支持inlineblock的兼容问题

作者: 雅雅的前端工作学习 | 来源:发表于2019-03-11 09:15 被阅读0次
  1. 补上这一段就可以啦:
    div { display:inline-block; _zoom:1;_display:inline;} /推荐/
    div { display:inline-block; _zoom:1;*display:inline;}
    注意这两个代码不能合并到一个盒子里,必须分开来写,这个方法我有用过,可以;
    原理是:直接让块元素设置为内联对象呈递(设置属性display:inline),然后触发块元素的layout(如:zoom:1 或float属性等)

2.先使用display:inline-block属性触发块元素,然后再定义display:inline,让块元素呈递为内联对象(两个display 要先后放在两个CSS声明中才有效果,这是IE的一个经典bug,如果先定义了display:inline-block,然后再将display设回 inline或block,layout不会消失)。代码如下(...为省略的其他属性内容):

div {display:inline-block;...}
div {display:inline;}
这个方法应该也可以,都是同一个博主po的。但我没试过、、

相关文章

网友评论

      本文标题:关于ie低版本不支持inlineblock的兼容问题

      本文链接:https://www.haomeiwen.com/subject/pwxvpqtx.html