ie6/7块级元素兼容inline-block写法

最新推荐文章于 2020-06-20 18:06:14 发布
最新推荐文章于 2020-06-20 18:06:14 发布
阅读量1.2k 收藏
点赞数
分类专栏： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kongjiea/article/details/42640973
版权

类似div的块级元素就算设置了 display:inline-block在ie6、7中如果没设置width就独占一行

解决方法一：+display:inline;*zoom:1; 一定要写在 display:inline-block后面

如：

.list li{display:inline-block; width:150px; *zoom:1;*+display:inline;}

解决方法二：添加float：left

kongjiea
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
让IE6/IE7支持display:inline-block属性的两种方法
09-25
在IE6和IE7中这个版本的IE流量器中，对display:inline-block属性支持不佳，下面为大家准备两种方法可以解决此问题，让IE6/IE7 支持 display:inline-block 的方法，感兴趣的朋友可以了解下
IE6的inline-block
12-13
让IE6内联元素具备inline-block特性 由于inline-block会触发IE的layout，所以IE6中只要设置{display:inline-block;}即可。 让IE6区块元素具备inline-block属性，有两种方法 A、可以先触发layout，再设置为inline...
ie实现inline-block
weixin_30826761的博客
08-16 70
inline-block:对象呈递为内联对象，对象的内容为块对象，宽高可变，与旁边的内联对象被呈递在同一行 ie实现： 写两个css,一个display:inline-block,出发layout;另一个display:inline,让块元素设为内联对象 转载于:https://www.cnblogs.com/danranysy/p/4733691.html...
inline-block兼容低版本IE浏览器~~在IE6/Ie7和IE8中
涂涂
08-29 1181
在IE6、IE7中不识别display:inline-block属性，但使用inline-block属性在IE下会触发layout，从而使内联元素拥有了display:inline-block属性的表症。从上面的分析也不难理解为什么IE6、IE7下对块元素设置display:inline-block属性无法实现inline-block的效果。这时块元素仅仅是被inline-block触发了layo
IE6:display:inline-block解决方案
zhoufmfk的专栏
01-27 301
IE6下对display:inline-block;支持的不是很好。网上有资料说：修改inline元素的display属性为inline-block后，所有的浏览器都是支持的。修改block元素的display属性为inline-block后，IE6及以下的老版浏览器都是不支持的。   display:inline-block;   将对象呈递为内联对象，但是对象的内容作为
IE6/IE7下：inline-block解决方案
u011927449的博客
06-20 178
IE6/IE7下对display:inline-block的支持性不好。 1、inline元素的display属性设置为inline-block时，所有的浏览器都支持； 2、block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的； 对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行，允许空格。（准确地说，应用此特性的元素现为内联对象，周围元素保持在同一行，但可以设置宽度和高度等块元素的属性） IE中对内联元素使用...
解决IE不支持display:inline-block;
liona_koukou的博客
10-13 6830
对于IE不支持display:inline-block;的解决方法 .triangle-left{ height:0px; width:0px; border:30px solid #000; border-color:transparent #ebebeb transparent transparent; display:inline-block;
如何解决IE6/IE7不识别display:inline-block属性
09-25
ie6，ie7的haslayout属性是个让人头疼的问题，想到一个属性display:inline-block;对！inline- block就是干这个事的，让一个元素既不换行又具有block元素的特性
兼容浏览器的css inline-block写法
01-19
兼容浏览器的inline-block，为什么要这么写是因为有些老的浏览器对inline-block并不支持，那么就需要这么写了 CSS Code复制内容到剪贴板 .inlineblock{ display:inline-block; *display:inline; *zoom:1; }
浅谈IE6/7对display:inline-block的支持
call_me_hoyin
03-18 1616
到底什么是inline-block？        设置了inline-block的元素创建了一个行级的块容器，该元素内部即内容被格式化为一个块级元素，同时元素本身被格式化为一个行内元素。直白点就是inline-block的元素既有block元素可以设置高度宽度的特性，同时又具有inline元素默认不换行的特性。       通俗的分开对inline元素和block元素来说就是：inline元
inline-block兼容性写法： IE8+
码地
03-26 711
display:inline-block; *display:inline; *zoom:1;
IE6兼容inline-block的方法
Robin@Front end
08-19 448
或许有朋友会对IE不支持 display:inline-block 属性，表示疑问或者反对。说：“我在 IE 中对 a 或者 span 等内联元素使用 display:inline-block 一直是有效的”。 其实不然，在IE中对内联元素使用 display:inline-block，IE 是不识别的，但使用 display:inline-block 在 IE 下会触发 layout， 从而使内
display:inline-block兼容ie6/7的写法
湛庐无方
03-06 922
1、实例演示效果 2、 display:inline-block作用? 使用display:inline-block属性，可以使行内元素()或块元素能够不加float属性就可以定义自身的宽、高，同时又能使该元素轻松在父元素居中显示！ 3、 什么时候会用到display:inline-block? 在网站布局中，很多时候，子元素中使用行内元素如span或块元素li标签且标签个
关于ie6块元素行内元素转换
weixin_30387339的博客
11-15 84
1、inline元素的display属性设置为inline-block时，所有的浏览器都支持； 2、block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的； IE6下块元素如何实现display:inline-block的效果？ 有两种方法： 1、 先使用display:inline-block属性触发块元素，然后再定义display:in...
inline-block属性在ie下兼容问题
ywj5200的专栏
11-14 659
在IE8的IE流量器中，对display:inline-block属性支持不佳，需要攻略，这是一个经典的BUG。      要解决这个问题，先让块元素变为内联，再使用（zoom:1 或float属性等来结局ie下的浮动或margin重叠等问题）触发块元素layout：       div{display:inline-block;_zoom:1;_display:inline;}  
display:inline-block兼容ie6/ie7的写法
Guoye的专栏
05-24 359
display:inline-block兼容ie6/ie7/ie8的写法1. 实例效果2. display:inline-block作用?3. 什么时候会用到display:inline-block?4. ie6/7支持display:inline-block这个属性吗？5. IE7下块元素如何实现 display:inline-block6. IE7下块元素如何兼容 display:inline...
display: inline 和 display: inline-block 的区别
jamey8383的专栏
05-11 151
inline 的 width 是占用一行最小的空间 (take the smallest amout of space, possible)，系统分配的。同理 block 是占用一行最大的空间，也是系统分配的。 inline-block 类似于 inline 但是可以设置 width 和 height。 inline 和 inline-block 有时显示中间会有gap，那是因为html 写的时候中间有空格或者空行，连在一起写就不会有gap了，如下代码所示。 <body>
HTML中 block inline inline-block元素？
最新发布
06-03
inline-block元素则是block和inline元素的结合体，它们像inline元素一样占据实际需要的宽度，但像block元素一样可以设置宽度、高度、内边距和外边距等属性。常见的inline-block元素包括input、button、textarea等。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值