display:inline-block在ie6,7下无法识别解决方法

最新推荐文章于 2020-06-20 18:06:14 发布

不懂love

最新推荐文章于 2020-06-20 18:06:14 发布

阅读量405

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS方面

本文链接：https://blog.youkuaiyun.com/qq719365064/article/details/52925098

CSS方面专栏收录该内容

14 篇文章

订阅专栏

本文介绍了一种解决IE6、7浏览器兼容性问题的方法，通过使用特定的CSS属性来实现页面元素的行块布局。这种方法可以让块级元素在不同浏览器下呈现一致的显示效果。

在样式表中加入

 zoom:1;/* 触发元素的haslayout属性 */
    diylay:inline-block;/* 非IE6、7浏览器识别该属性，使得页面也成行块布局 */
    +display:inline;/* 针对IE6、7定义 display:inline，让块元素呈递为内联对象*、

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

不懂love

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

如何解决IE6/IE7不识别display:inline-block属性

09-25

ie6，ie7的haslayout属性是个让人头疼的问题，想到一个属性display:inline-block;对！inline- block就是干这个事的，让一个元素既不换行又具有block元素的特性

display:inline-block 在IE6中实现

weixin_30371469的博客

05-03

128

此文摘自：http://blog.sina.com.cn/hututuzhu前端之路（博客） 1、IE6/7不识别inline-block，只是触发了layout，表现跟真实一样。2、IE6/7不完全支持inline-block，只对内联元素有效。 IE下块元素如何实现display:inline-block的效果？有两种方法：1、先使用display:inline-block...

参与评论您还未登录，请先登录后发表或查看评论

解决在IE6下使用display: inline-block;的不兼容性问题

weixin_33915554的博客

07-08

251

网页中用到了如下CSS样式： .panel .item { height:25px; *height:24px; line-height:25px; text-decoration:none; margin: 4px 5px 0 0; color:#416AA3; font-size:12px; white-space:nowrap; d...

IE6:display:inline-block解决方案

zhoufmfk的专栏

01-27

348

IE6下对display:inline-block;支持的不是很好。网上有资料说：修改inline元素的display属性为inline-block后，所有的浏览器都是支持的。修改block元素的display属性为inline-block后，IE6及以下的老版浏览器都是不支持的。 display:inline-block; 将对象呈递为内联对象，但是对象的内容作为

li标签的display的inline-block在IE6中的显示问题

一个程序员的成长之路

01-04

2598

让一个元素即不换行又具有 block 的特性，我们一定会想到一个属性 display:inline-block; 但在ie6和7中会有一点小麻烦。可以发现在IE6和IE7中每个li元素仍然独占一行。这是因为IE6和IE7不完全支持 inline-block 这个属性。这个问题涉及到了,IE6和IE7中的 has layout 属性。IE6、7中的 inline 元素有个特殊的情况，就是触发了I

深入display:inline-block

09-25

在IE6和IE7中，`display:inline-block`并不会直接生效，但可以通过触发"hasLayout"机制来模拟`inline-block`的效果。当一个元素设置了`display:inline-block`，即使IE不识别这个属性，也会因为这个设置而触发...

display:inline-block的原理分析

12-13

在使用 CSS 实现表现的时候，会经常接触到 display:inline-block 这一属性，无论是初接触 ... 但很遗憾，最流行的 IE 和 Firefox 却不支持这个属性（在 Firefox3 版本中将会支持 display:inline-block）。不过 Firefox

display:inline-block 不被IE7识别的解决方案

热门推荐

阳光灿烂的日子

07-21

1万+

display:inline-block 不被IE7识别的解决方案今天遇到一个display:inline-block 不被IE7识别的问题，如图：解决方案：第一种：专门为IE7写Hack display:inline-block; *display:inline; *zoom:

display:inline-block兼容ie6/7的写法

ac601458466的博客

10-01

4303

display:inline-block兼容ie6/7的写法实例演示效果 display:inline-block作用? 使用display:inline-block属性，可以使行内元素或块元素能够变成行内块元素，简单直白点讲就是不加float属性就可以定义自身的宽、高，同时又能使该元素轻松在父元素居中显示！什么时候会用到display:inline-block? 在网站布局中，很多时候

浅谈IE6/7对display:inline-block的支持

call_me_hoyin

03-18

1691

到底什么是inline-block？设置了inline-block的元素创建了一个行级的块容器，该元素内部即内容被格式化为一个块级元素，同时元素本身被格式化为一个行内元素。直白点就是inline-block的元素既有block元素可以设置高度宽度的特性，同时又具有inline元素默认不换行的特性。通俗的分开对inline元素和block元素来说就是：inline元

解决IE不支持display:inline-block;

liona_koukou的博客

10-13

6948

对于IE不支持display:inline-block;的解决方法 .triangle-left{ height:0px; width:0px; border:30px solid #000; border-color:transparent #ebebeb transparent transparent; display:inline-block;

如何让IE6,7均兼容的display:inline-block

丑娘娘不丑

07-21

867

zoom:1;/* 触发元素的haslayout属性 */ diylay:inline-block;/* 非IE6、7浏览器识别该属性，使得页面也成行块布局 */ *display:inline;/* 针对IE6、7定义 display:inline，让块元素呈递为内联对象，并具有display:inline-block属性的表症 */

IE6/7下如何实现inline-block

weixin_33708432的博客

01-11

109

ie6，ie7的haslayout属性是个让人头疼的问题。在做导航条的时候，一般会用到ul li结构，大多数时候我们是把li设置为浮动，让其并排显示在同一行。还有一种方法就是设置li为display:inline;这样可以达到同样的效果，但是问题是inline元素的特性：默认无法设置宽度，高度，以及上下margin，（关于padding，情况有点特殊，在ie6，7中 inline元素是无法设置上...

display:inline-block兼容ie6/ie7的写法

Guoye的专栏

05-24

448

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...

IE6/IE7下：inline-block解决方案

u011927449的博客

06-20

238

IE6/IE7下对display:inline-block的支持性不好。 1、inline元素的display属性设置为inline-block时，所有的浏览器都支持； 2、block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的；对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行，允许空格。（准确地说，应用此特性的元素现为内联对象，周围元素保持在同一行，但可以设置宽度和高度等块元素的属性） IE中对内联元素使用...

IE6/IE7不识别display:inline-block属性怎么办

Lan Lily的专栏

09-18

1286

IE6/IE7不识别display:inline-block属性怎么办 ie6，ie7的haslayout属性是个让人头疼的问题。在做导航条的时候，一般会用到ul li结构，大多数时候我们是把li设置为浮动，让其并排显示在同一行。还有一种方法就是设置li为display:inline;这样可以达到同样的效果，但是问题是inline元素的特性：默认无法设置宽度，高度，以及上下margin，

ie6/7 display:inline-block

Guoye的专栏

07-04

255

IE6/IE7下对display:inline-block的支持性不好，体现下面2点 inline元素的display属性设置为inline-block时，所有的浏览器都支持； block元素的display属性设置为inline-block时，IE6/IE7浏览器是不支持的；对象呈递为内联对象，但是对象的内容作为块对象呈递。旁边的内联对象会被呈递在同一行，允许空格。（准确地说，应用此特性的...

IE6兼容inline-block的方法

Robin@Front end

08-19

510

或许有朋友会对IE不支持 display:inline-block 属性，表示疑问或者反对。说：“我在 IE 中对 a 或者 span 等内联元素使用 display:inline-block 一直是有效的”。其实不然，在IE中对内联元素使用 display:inline-block，IE 是不识别的，但使用 display:inline-block 在 IE 下会触发 layout，从而使内

翻译一下“layui-inline{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:middle}”的实际效果