关于IE6下line-height属性失效问题，以前也遇到过几次。不过由于时间关系，没有深究，就用padding解决了。今天又遇到了问题，最后发现IE6下line-height属性失效是由于文字中包含img、input、select、textarea、button、object造成的。
解决办法：
对和文字相连接的img、input、textarea、select、object等元素加以属性：
margin: (所属line-height-自身高度)/2px 0;
vertical-align:middle;
分享到：
相关推荐
在IE6中，替换元素不受`line-height`控制，因此需要通过其他方式来调整它们的垂直对齐。 解决此问题的一种常见方法是针对受影响的元素设置额外的CSS样式。例如，可以给图片添加以下样式： ```css .shouchang img {...
在CSS（层叠样式表）中，`font`和`line-height`是两个重要的属性，它们分别用于设置文本的字体和行间距。然而，当同时使用这两个属性时，它们的书写顺序可能会影响到最终的显示效果。这个现象尤其在处理一些特定...
在IE6中，`height:100%`可能无效，但通过设置`position:absolute;`可以解决这个问题，不过仅限于IE7、FF等浏览器。为了解决这个问题，我们可能需要使用CSS Hack。例如，`\9`用于IE6、7、8，`\0`仅适用于IE8，`*`和`*...
**解释**：通过将元素设置为浮动可以解决 IE6-7 中 `line-height` 失效的问题。 #### 十六、td 自动换行的问题 **问题描述**：当表格的宽度固定时，`td` 内容会自动换行。 **解决方案**：设置 `table` 的 `word-...
15. **IE6-7 line-height失效问题**： 对于某些元素，`line-height`可能在IE6-7中失效，需要结合具体元素属性进行调整或寻找替代方案。 以上只是一部分常见的CSS兼容性问题及其解决方法，实际开发中可能遇到更多...
其次，`margin`加倍问题主要出现在IE6中，当元素设置了`float`属性时，其margin会被错误地加倍。解决办法是在该元素上添加`display:inline`，这可以使IE6正确解析margin值。 浮动元素产生的双倍距离问题也是IE6的一...
例如，下面的样式只会在IE6中应用： ```css .test { width: 50px; } *html .test { width: 50px; } /* IE6 only */ ``` 而这个样式只会在IE7中应用： ```css *+html .test { width: 50px; } /* IE7 only */ ...
#### 十五、IE6-7`line-height`失效的问题 **问题**：在IE6-7中，当`<img>`标签与文字放在同一行时，`line-height`可能不起作用。 **解决方法**：将元素设置为浮动。 ```css img, p { float: left; } ``` #### ...
IE6对line-height的默认处理有时会出现问题。 解决方法：为相关元素设置具体的line-height值。 6. **行标签之间的空白** 行内元素之间可能存在一小段空白，这是由于浏览器的默认行为。 解决方法：通过浮动元素...
- **问题描述**：在IE6中，当`:hover`伪类应用于元素且`background-color`值为`#fff`时，该伪类可能无法生效。 - **解决方案**： - 将`background-color`替换为`background`属性。 - 使用完整的十六进制颜色值`#...
**问题描述**：IE浏览器不识别`min-width`和`min-height`属性，导致宽度和高度设置失效。 **解决方案**： 1. **expression 方法**：通过JavaScript表达式来模拟`min-width`和`min-height`的效果。 - **CSS**： ``...
当一个浮动的div在IE中设置margin时，可能会出现margin加倍的问题。解决方法是在div中添加`display: inline;`，这将消除IE的误解析。 4. **浮动元素的双倍距离**： 在设置`float`属性后，IE会产生额外的间距。...