展会信息港展会大全

IE下块元素如何实现display:inline-block
来源:互联网   发布日期:2016-03-25 15:55:35   浏览:2172次  

导读:延伸一个问题:ie下块元素如何实现display:inline-block的效果? 有两种方法: 1、先使用display:inline-block属性触发块元素,然后再定义disp...

延伸一个问题:ie下块元素如何实现display:inline-block的效果?

有两种方法:

1、先使用display:inline-block属性触发块元素,然后再定义display:inline,让块元素呈递为内联对象(两个display要先后放在两个css教程声明中才有效果,这是ie的一个经典bug,如果先定义了display:inline-block,然后再将display设回inline或block,layout不会消失)。

代码如下(…为省略的其他属性内容,火狐不好用):

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

div{display:inline;}

2、直接让块元素设置为内联对象呈递(设置属性display:inline),然后触发块元素的layout(如:zoom:1等,火狐不好用)。

代码如下:

div{display:inline;zoom:1;...}

赞助本站

人工智能实验室

相关热词: 开发 编程 android

AiLab云推荐
展开

热门栏目HotCates

Copyright © 2010-2024 AiLab Team. 人工智能实验室 版权所有    关于我们 | 联系我们 | 广告服务 | 公司动态 | 免责声明 | 隐私条款 | 工作机会 | 展会港