`

ie6下line-height属性失效与解决办法

    博客分类:
  • web
 
阅读更多

问题:在ie6中,当文字和img、input、textarea、select、object等对象在同一个容器中的时候,line-height属性失效。
只有全文字时,line-height属性才有效。

解决方法:
在其中一个非文字的对象的样式中增加:
margin: (容器的line-height - 对象本身的高度)/2px 0; 
vertical-align:middle;

解决问题。

分享到:
评论

相关推荐

    解决IE6下,给图片加上line-height属性不起作用的解决方法

    然而,在Internet Explorer 6(简称IE6)这一老旧的浏览器中,`line-height`在特定情况下可能会失效,尤其是当行内包含图片、`<span>`、`<li>`等元素时。 IE6的问题主要体现在当文字与其他元素(如图片)相邻时,为...

    font和line-height之CSS代码书写顺序不同,导致显示效果不一样

    在CSS(层叠样式表)中,`font`和`line-height`是两个重要的属性,它们分别用于设置文本的字体和行间距。然而,当同时使用这两个属性时,它们的书写顺序可能会影响到最终的显示效果。这个现象尤其在处理一些特定...

    个人CSS设计兼容性问题总结教程

    对于Tab在IE6下的兼容性问题,需要在父元素样式中添加`_overflow`,因为IE6认为父元素层级高于子元素。另外,IE6不支持除`<a>`标签外的其他标签的`:hover`事件,可以通过jQuery或者其他JavaScript库进行模拟。 在IE...

    浏览器兼容问题

    **解释**:通过将元素设置为浮动可以解决 IE6-7 中 `line-height` 失效的问题。 #### 十六、td 自动换行的问题 **问题描述**:当表格的宽度固定时,`td` 内容会自动换行。 **解决方案**:设置 `table` 的 `word-...

    DIV+CSS相对IE6、IE7和IE8的兼容问题

    但在IE6、7中,若要让内容在div内垂直居中,除了设置`vertical-align:middle`,还需要将`line-height`设置为与div相同的高度。这种方法需要注意内容不应换行,否则可能导致对齐失效。 其次,`margin`加倍问题主要...

    IE6兼容性问题及IE6常见bug详细汇总

    - **IE6的圆角**:由于IE6不支持CSS3的圆角,可以使用图片或JavaScript库实现圆角效果,或者牺牲在IE6下的圆角显示。 - **背景闪烁**:通过JavaScript设置IE6缓存背景图片,避免hover时闪烁。 - **最小高度问题**:...

    前端处理浏览器兼容问题

    #### 十五、IE6-7`line-height`失效的问题 **问题**:在IE6-7中,当`<img>`标签与文字放在同一行时,`line-height`可能不起作用。 **解决方法**:将元素设置为浮动。 ```css img, p { float: left; } ``` #### ...

    ie特有bug文档

    - **解决方案**:在需要兼容IE6的场景下使用此技术。 ##### 15. **PNG图像颜色问题** - **问题描述**:在IE6至IE7中,PNG格式的图像在颜色值与背景颜色完全一致时,显示的颜色可能存在差异。 - **解决方案**:使用...

    css兼容问题

    **问题描述**:IE浏览器不识别`min-width`和`min-height`属性,导致宽度和高度设置失效。 **解决方案**: 1. **expression 方法**:通过JavaScript表达式来模拟`min-width`和`min-height`的效果。 - **CSS**: ``...

    ie的常见兼容问题

    然而,在IE6和IE7中,这种方法可能会失效。解决方法是在`.clearfix`类中加入额外的样式: ```css .clearfix { zoom: 1; /* For IE6/7 */ } ``` 通过这种方式,可以有效地解决IE中的浮动清除问题。 综上所述,IE...

    css入门教程IE和Firefox浏览器CSS兼容性技巧整理.docx

    可以尝试调整`line-height`或者使用其他定位技术来解决。 9. **跨浏览器的盒模型**: IE和Firefox对盒模型的处理方式不同,这可能导致元素的宽度和高度计算错误。了解并适当地使用`box-sizing`属性可以帮助解决这...

Global site tag (gtag.js) - Google Analytics