百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>CSS教程> 让ie浏览器支持display:inline-block的方法
分享文章到:

让ie浏览器支持display:inline-block的方法

发布时间:01/15 来源: 浏览: 关键词:
display:inline-block在ie9以下版本都不能很好的支持如果你想让它支持我们可以利用hack方式来处理,下面来看个例子。

方法一,利用css hack方式

IE7:

 代码如下
display: inline-block;
*display: inline;
zoom: 1;

三者缺一不可。

IE6 :

 代码如下

display: inline-block;
zoom: 1;
*display: inline;
_height: 250px;

方法二,

一个个来排序

 代码如下

div {display:inline-block;...}
div {display:inline;}


直接让块元素设置为内联对象呈递(设置属性 display:inline),然后触发块元素的 layout(如:zoom:1 等)。代码如下:

 代码如下

div {display:inline; zoom:1;...}
display:inline-block;zoom:1; *display:inline;

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有26人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板