IE7 inline-block

IE7下div宽度自适应
最新推荐文章于 2024-07-11 16:41:50 发布
原创 最新推荐文章于 2024-07-11 16:41:50 发布 · 1.4k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种使div宽度能够随内容自适应的方法，特别针对IE7浏览器的兼容性问题提供了解决方案。
想让 div 的宽度随着内容的宽度变化，把它设置为 inline-block 模式，但 IE7不支持 此模式，需要设置为 display:inline-block; * zoom:1;*display:inline;   星号 (*) 只有 IE6/7 才会解释， IE8 、 9 是不解释的，参见： http://www.cnblogs.com/leejersey/archive/2012/07/11/2586506.html
IE6的inline-block
12-13
由于inline-block会触发IE的layout，所以IE6中只要设置{display:inline-block;}即可。 让IE6区块元素具备inline-block属性，有两种方法 A、可以先触发layout，再设置为inline，需要注意的是这两个display必须在两...
Firefox Bug: inline/inline-block的间隙采用代码缩进可解决
09-25
总的来说，了解并掌握如何处理`inline-block`的浏览器差异，尤其是Firefox和IE8中的这个bug，是提升前端开发者技能的重要一环。在实践中，我们应当根据项目需求和浏览器兼容性选择最合适的布局策略，以确保网页在...
ie7下面不支持块级元素使用display:inline-block的问题
kateLi的专栏
05-29 907
在ie8以及以上的浏览器中，对块级元素使用了display:inline-block后，会将块级元素转换为行内块元素，但是在ie7和以下的浏览器不支持 在ie7和以下的浏览器中 使用了display：inline-block会触发ie的layout 解决方法： div{display:inline-block; *zoom:1; *display:inline}
IE6IE7不支持inline-block解决方法
你的微笑像拥抱
02-16 704
解决方法： *display:inline; *zoom:1; zoom是IE专有的，它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性等。但很遗憾的是，它通不过W3C验证。
IE6,7中的inline-block
Dawn
03-06 574
简单的测试了一下，在IE6，7中， 1、如果元素是block，设置display为inline-block时，不生效； 2、如果元素是inline，设置display为inline-block时，生效； 3、兼容IE6，7的方法是*display:inline; *zoom:1； 4、inline元素在代码排版中要一行显示，不然相互之间会有小空格。 display:inl
E6/IE7下：inline-block解决方案
DDPJS的专栏
10-30 495
IE6/IE7下对display:inline-block的支持性不好。 1、inline元素的display属性设置为inline-block时，所有的浏览器都支持； 2、block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的；       对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行，允许空格。（准确地说，应
让IE6/IE7支持display:inline-block属性的两种方法
09-25
然而，IE6和IE7这两个较老的浏览器对`display:inline-block`的支持并不完善，这给开发者带来了不小的困扰。为了解决这个问题，本文将详细介绍两种方法，使得这些旧版IE浏览器也能正确地处理`display:inline-block`。...
CSS属性display:inline-block用法深入理解
09-25
对于内联元素，如`<a>`或`<span>`，在IE中设置`display:inline-block`虽然表面上看起来有效，实际上这是因为IE触发了"hasLayout"机制，而不是真正理解`inline-block`。对于块级元素，直接设置`display:inline-block`...
关于css display: inline block inline-block的区别分析
01-21
但很遗憾，最流行的 IE 和 Firefox 却不支持这个属性（在 Firefox3 版本中将会支持 display:inline-block）。不过 Firefox 下却有私有属性 -moz-inline-box 和inline-block 形似，为什么是“形似”而不是“神似”呢...
关于IE7的display:inline-block失效问题
soos的博客
06-14 1070
有时候我们必须要有display：inline-block;属性，但是IE7并不支持，这是开发过程中经常会遇到的问题，下面特意记录一下以便后期使用： 解决IE7不支持display：inline-block问题： .selector{ display:inline-block; *display:inline; *zoom:1; } 注意：zoom:1是必须的。
display:inline-block在IE6/Ie7和IE8中的区别
WEBCODE
09-13 196
转载:http://hi.baidu.com/minmin_devil/blog/item/74e603226cedd148ad34de14.html 在IE6、IE7中不识别display:inline-block属性，但使用inline-block属性在IE下会触发layout，从而使内联元素拥有了display:inline-block属性的表症。从上面的分析也不难理解为什么IE6...
inline-block的兼容性问题
weixin_34418883的博客
10-09 166
兼容性： IE6、IE7不识别inline-block但可以触发块元素。 其它主流浏览器均支持inline-block。 解决IE6、IE7兼容性的方法： 1、首先设置inline-block触发块元素，具有了layout的特性，然后设置display:inline使块元素呈现内联元素，此时layout的特性不会消失。 2、直接设置display:inline，使用zoom:1触发lay...
兼容IE7 的 display: inline-block；
最新发布
weixin_48195664的博客
07-11 191
【代码】兼容IE7 的 display: inline-block；
由inline-block小例子引申出的一些问题，及IE6、IE7兼容性解决方案
setsunadoudou的博客
10-15 303
使用场景分析： 常见的对块与块之间的横向排列处理 　　对同级所有元素使用display:inline-block; ， 之后块与块直接会产生间隙问题 解决办法： 给父级设 font-size:0; 别...
inline-block兼容低版本IE浏览器~~在IE6/Ie7和IE8中
涂涂
08-29 1329
在IE6、IE7中不识别display:inline-block属性，但使用inline-block属性在IE下会触发layout，从而使内联元素拥有了display:inline-block属性的表症。从上面的分析也不难理解为什么IE6、IE7下对块元素设置display:inline-block属性无法实现inline-block的效果。这时块元素仅仅是被inline-block触发了layo
关于ie7下display：inline-block；不支持的解决方案。
weixin_34168700的博客
08-18 277
今天码的时候遇到这个问题了。 如果本身是内联元素的，把它的display属性设置设置为inline-block时，所有浏览器都是支持的。 相反，如果本身是块级元素的，把它设为display：inline-block; 那么ie6/ie7都是不支持的。 IE中对内联元素使用display:inline-block，IE是不识别的，但使用display:inline-block在IE下会触发l...
inline-block布局挑战与解决策略
在处理跨浏览器兼容性时，开发者可能还需要关注IE6和IE7，这两个早期版本的IE浏览器并不完全支持`inline-block`，可以通过添加`*zoom: 1;`和`display: inline;`的hack来模拟`inline-block`的行为。此外，确保使用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值