IE7 inline-block

最新推荐文章于 2018-09-28 10:18:27 发布
最新推荐文章于 2018-09-28 10:18:27 发布
阅读量1.3k 收藏
点赞数
分类专栏： CSS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/bclz_vs/article/details/8252818
版权
想让 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
边城的刀声
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
IE6的inline-block
12-13
由于inline-block会触发IE的layout，所以IE6中只要设置{display:inline-block;}即可。 让IE6区块元素具备inline-block属性，有两种方法 A、可以先触发layout，再设置为inline，需要注意的是这两个display必须在两...
ie7下面不支持块级元素使用display:inline-block的问题
kateLi的专栏
05-29 846
在ie8以及以上的浏览器中，对块级元素使用了display:inline-block后，会将块级元素转换为行内块元素，但是在ie7和以下的浏览器不支持 在ie7和以下的浏览器中 使用了display：inline-block会触发ie的layout 解决方法： div{display:inline-block; *zoom:1; *display:inline}
IE6IE7不支持inline-block解决方法
你的微笑像拥抱
02-16 655
解决方法： *display:inline; *zoom:1; zoom是IE专有的，它可以设置或检索对象的缩放比例。除此之外，它还有其他一些小作用，比如触发ie的hasLayout属性等。但很遗憾的是，它通不过W3C验证。
display:inline-block 不被IE7识别的解决方案
热门推荐
阳光灿烂的日子
07-21 1万+
display:inline-block 不被IE7识别的解决方案今天遇到一个display:inline-block 不被IE7识别的问题，如图：解决方案：第一种：专门为IE7写Hack display:inline-block; *display:inline; *zoom:
关于ie7下display：inline-block；不支持的解决方案。
weixin_34168700的博客
08-18 228
今天码的时候遇到这个问题了。 如果本身是内联元素的，把它的display属性设置设置为inline-block时，所有浏览器都是支持的。 相反，如果本身是块级元素的，把它设为display：inline-block; 那么ie6/ie7都是不支持的。 IE中对内联元素使用display:inline-block，IE是不识别的，但使用display:inline-block在IE下会触发l...
让IE6/IE7支持display:inline-block属性的两种方法
09-25
在IE6和IE7中这个版本的IE流量器中，对display:inline-block属性支持不佳，下面为大家准备两种方法可以解决此问题，让IE6/IE7 支持 display:inline-block 的方法，感兴趣的朋友可以了解下
inline-block带来的元素间距问题解决
09-24
如果不考虑IE6/7的兼容性，可以使用`float`属性代替`display: inline-block`。 接下来，我们简要回顾一下`block`和`inline`的基本特性： - **`display: block`**： - 占据整行，多个`block`元素会依次换行。 - ...
display:inline-block的原理分析
09-25
IE 6 和 7 不直接支持 `display:inline-block`，但在某些情况下，对内联元素设置 `display:inline-block` 会触发 "layout"，这是一种 IE 特有的行为，使元素获得类似 `display:inline-block` 的效果。然而，对于块级...
Firefox Bug: inline/inline-block的间隙采用代码缩进可解决
09-25
inline/inline-block这个 bug 也存在于 IE8 下，在 IE6 和 IE7 下正常,要解决这个 bug，貌似目前没有什么好的方法，只能改变代码的缩进，把换行去掉，整个代码写入一行,需要的朋友可以参考下
CSS:IE6/Ie7 display:inline-block 不起作用
把项目开发中遇到的问题记录下来
09-28 1931
在 IE6、IE7中不识别display:inline-block属性，但使用inline-block属性在IE下会触发layout，从而使内联元素 拥有了display:inline-block属性的表症。从上面的分析也不难理解为什么IE6、IE7下对块元素设置display:inline- block属性无法实现inline-block的效果。这时块元素仅仅是被inline-block触发了l...
IE6,7中的inline-block
Dawn
03-06 517
简单的测试了一下，在IE6，7中， 1、如果元素是block，设置display为inline-block时，不生效； 2、如果元素是inline，设置display为inline-block时，生效； 3、兼容IE6，7的方法是*display:inline; *zoom:1； 4、inline元素在代码排版中要一行显示，不然相互之间会有小空格。 display:inl
关于IE7的display:inline-block失效问题
soos的博客
06-14 1000
有时候我们必须要有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 132
转载:http://hi.baidu.com/minmin_devil/blog/item/74e603226cedd148ad34de14.html 在IE6、IE7中不识别display:inline-block属性，但使用inline-block属性在IE下会触发layout，从而使内联元素拥有了display:inline-block属性的表症。从上面的分析也不难理解为什么IE6...
解决IE不支持display:inline-block;
liona_koukou的博客
10-13 6852
对于IE不支持display:inline-block;的解决方法 .triangle-left{ height:0px; width:0px; border:30px solid #000; border-color:transparent #ebebeb transparent transparent; display:inline-block;
CSS hack学习经验分享：IE7浏览器 “div” 标签 “inline-block” 无效的问题
MuMu的博客
03-22 686
实例讲解：<div>123</div> <style> div{     display:inline-block; } div{     *display:inline; } </style>如上图，因为 "*" 只有IE6、IE7能识别，所以能在IE7浏览器中将 "div" 改成 "inline" 类型...
IE6/7下inline-block解决方法
拾光
02-20 690
IE6/IE7下对display:inline-block的支持性不好。 1、inline元素的display属性设置为inline-block时，所有的浏览器都支持； 2、block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的； 对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行，允许空格。（准确地说，应用
html中display: inline-block;
最新发布
03-31
display: inline-block; 是CSS中的一个属性值，用于控制元素的布局和显示。具体来说，它将元素显示为一个行内容器，但是它的...需要注意的是，IE6/7对 display: inline-block; 支持不够友好，需要通过hack的方式解决。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值