`
ManGo.0317
  • 浏览: 22134 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

【转载】IE6下 line-height 失效解决方法

    博客分类:
  • WEB
CSS 
阅读更多

关于IE6下line-height属性失效问题,以前图省事儿就直接用padding解决了。今天又遇到了问题,查找了一下,找到了上面的文 章,IE6下line-height属性失效是由于文字中包含img、input、select、textarea、button、object等标记造 成的。

解决办法:
对和文字相连接的img、input、textarea、select、object等元素加以css样式:
margin: (所属line-height-自身高度)/2px 0;
vertical-align:middle;

不过据本人尝试,margin: (所属line-height-自身高度)/2px 0; 这个设置方法有偏差,准确来说要比 (所属line-height-自身高度)/2 这个数值更小一些,具体情况的话,各位自己测试吧O(∩_∩)O~。

分享到:
评论

相关推荐

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

    但当行中有其他元素时(如图片,SPAN,li..)在IE6.0下line-height会不起效果,后来查了下资料,果然如此,资料如下: 当在一个容器里文字和img、input、textarea、select、object等元素相连的时候,对这个容器设置...

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

    解决这个问题的方法是明确地分开`font`和`line-height`的声明,确保`line-height`总是在`font`之后,或者直接在`font`声明中包含`line-height`,以避免这种潜在的兼容性问题。 总之,理解`font`和`line-height`的...

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

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

    解决IE6、IE7、IE8、Firefox兼容的两种方案

    ### 解决IE6、IE7、IE8、Firefox兼容性的两种方案 #### 一、概述 随着Web技术的发展,浏览器的兼容性问题一直是前端开发者必须面对的挑战之一。特别是对于老旧浏览器如Internet Explorer 6/7/8以及早期版本的Fire...

    css浏览器兼容问题

    15. **IE6-7 line-height失效问题**: 对于某些元素,`line-height`可能在IE6-7中失效,需要结合具体元素属性进行调整或寻找替代方案。 以上只是一部分常见的CSS兼容性问题及其解决方法,实际开发中可能遇到更多...

    浏览器兼容问题

    **解释**:通过将元素设置为浮动可以解决 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时闪烁。 - **最小高度问题**:...

    css中的一些兼容问题.pdf

    - IE6下的怪异盒模型解析:未加文档声明时,padding与border会被算入元素的宽高内,导致布局问题。解决方法是在文档开头加入<!doctype html>声明。 - IE6在块元素、左右浮动、设定margin时导致margin双倍的问题。...

    浏览器兼容性总结

    - **问题描述**:在IE6中,当图片与文字位于同一行时,可能会导致文字的`line-height`失效。 - **解决方案**:让图片和文字都使用`float`布局,并通过`margin`进行调整。 10. **清除层使用不当** - **问题...

    ie特有bug文档

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

    前端处理浏览器兼容问题

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

    css兼容问题

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

    IE6常见bug附解决方法

    ### IE6常见bug及其解决方法 #### 一、IE6怪异解析之padding与border算入宽高 **问题描述**: 在没有指定文档类型声明的情况下,IE6会使用其特有的“怪异模式”(Quirks Mode)来解析页面布局。在这种模式下,元素...

    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