`
caibinghong
  • 浏览: 149916 次
  • 性别: Icon_minigender_1
  • 来自: 福建
社区版块
存档分类
最新评论

IE6/IE7不支持display:inline-block ?

 
阅读更多

IE6/IE7不支持display:inline-block ?

有时候我只是想给元素加行高,内补丁,宽度高度,那么正常的浏览器下面,我们都是常常用这个display属性:

 

display 详细说明:http://www.w3school.com.cn/css/pr_class_display.asp

 

那么了解了这个属性,我们要怎么处理 IE6/7下的bug呢?

 

方法就是如下:

 

css hack 样式破解法,在ie6/7 下特别处理  

 

*display:inline;

*zoom:1;

 

同理display:block;

分享到:
评论

相关推荐

    display:inline-block的实际应用

    2. **兼容性问题**:虽然 `display:inline-block` 在现代浏览器中支持良好,但在一些较旧的浏览器,如IE6/7,需要使用 `*zoom:1` 或 `display:inline` 并结合 `*display:inline` 来实现兼容。 3. **内联限制**:尽管...

    让IE6/IE7支持display:inline-block属性的两种方法

    然而,IE6和IE7这两个较老的浏览器对`display:inline-block`的支持并不完善,这给开发者带来了不小的困扰。为了解决这个问题,本文将详细介绍两种方法,使得这些旧版IE浏览器也能正确地处理`display:inline-block`。...

    CSS属性display:inline-block用法深入理解

    对于内联元素,如`<a>`或`<span>`,在IE中设置`display:inline-block`虽然表面上看起来有效,实际上这是因为IE触发了"hasLayout"机制,而不是真正理解`inline-block`。对于块级元素,直接设置`display:inline-block`...

    display:inline-block的原理分析

    IE 6 和 7 不直接支持 `display:inline-block`,但在某些情况下,对内联元素设置 `display:inline-block` 会触发 "layout",这是一种 IE 特有的行为,使元素获得类似 `display:inline-block` 的效果。然而,对于块级...

    inline-block 前世今生1

    首先,我们需要澄清一个误区:IE6和IE7并非完全不支持display:inline-block。早在IE5.5,微软就已经引入了对这个属性的支持。但与现代浏览器相比,IE5.5至IE7的实现并不完整,存在一些特定的行为和限制。例如,当在...

    深入display:inline-block

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

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

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

    CSS之display引用运用

    - **使用`display:table-cell`**:对于垂直居中的需求,可以在不支持`display:inline-block`的浏览器中使用`display:table-cell`作为备选方案。 ```css .ie-fallback { display: table-cell; vertical-align: ...

    关于css display: inline block inline-block的区别分析

    但很遗憾,最流行的 IE 和 Firefox 却不支持这个属性(在 Firefox3 版本中将会支持 display:inline-block)。不过 Firefox 下却有私有属性 -moz-inline-box 和inline-block 形似,为什么是“形似”而不是“神似”呢...

    CSS教程:inline-block在各浏览器的显示

    对于IE6和7,它们并不直接支持`inline-block`。这时,可以利用一个名为`hasLayout`的IE特有属性来模拟`inline-block`的效果。`hasLayout`可以通过设置`zoom: 1`来激活,这样元素会负责自身及子元素的渲染,类似于`...

Global site tag (gtag.js) - Google Analytics