`

ie6 line-height问题

 
阅读更多

写列表时,设置ul的 line-height:35px;结果发现ie6下只有第一行的li有行间距,原来ie6认为只有li里面的内容够折行了才会有行间距,li和li之间是没有行间距的。以下是正常情况:

ie6下:

解决办法:

给ie6单加了下边距:

_margin-bottom:10px;

分享到:
评论

相关推荐

    line-height使文本居中的3像素bug问题

    进一步探索,将line-height和height减至14px,我们会看到文字和下划线都完整显示,但当减至13px时,IE浏览器的处理方式有所不同,文字顶部被截去1px,表明14px是IE的一个关键点,此时的总高度减去文字高度正好等于3...

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

    在css设置中,我们一般用行高line-height来设定某一行的高度,这在ie7与firefox等浏览器都适用。但当行中有其他元素时(如图片,SPAN,li..)在IE6.0下line-height会不起效果,后来查了下资料,果然如此,资料如下: ...

    CSS line-height行高上下居中垂直居中样式属性

    - 在处理中文文本或中英文混合内容时,`line-height`的表现可能会因为浏览器的差异或字体的不同而有所变化,尤其是老版本的 Internet Explorer (如 IE6, IE7, IE8)。 - 在处理图片与文本的垂直居中对齐时,可能需要...

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

    在某些浏览器(如IE、Firefox和Opera)中,当先声明`line-height`再声明`font`时,`line-height`的设置可能会被`font`中的`font-size`所覆盖,导致行间距看起来没有按预期工作。而反之,如果先声明`font`,`line-...

    针对firefox ie6 ie7 ie8的css样式hack

    在进行Web开发的过程中,我们经常会遇到浏览器兼容性问题,尤其是早期的Internet Explorer(IE)版本如IE6、IE7和IE8与现代浏览器如Firefox之间的差异。为了确保网站能够在不同浏览器下正常显示,开发者需要使用特定...

    css line-height属性的使用技巧

    CSS中的line-height属性是用于设置元素中文字基线之间的距离,影响着文本行的垂直布局。...在实际的项目中,合理地应用line-height属性,以及处理好其继承性和兼容性问题,对于创建高质量的Web页面至关重要。

    全面理解line-height与vertical-align

    行高(line-height)和垂直对齐(vertical-align)是CSS中用于控制文本行间距和元素垂直位置的两个重要属性。理解这两个属性的工作原理对于进行网页设计和布局优化至关重要。 首先,让我们来深入探讨行高(line-...

    IE6下 vertical-align:middle 和 height 引发的边框消失

    例如,将`line-height`和`height`都设置为50px,这样可以实现文本的垂直居中,同时不会触发IE6的边框消失bug。 ```css li,div{ border:1px solid #ff0000; line-height:50px; height:50px; } ``` 2. **添加...

    关于td的height和line-height兼容问题

    line-height属性在IE和Firefox浏览器中表现较为一致,当设置line-height为某一固定值时,例如22px,页面上显示的高度均为24px。虽然实际数值比预期值大了2px,但至少在不同浏览器中保持了统一。 此外,描述中提到的...

    关于IE6 双倍间距的真正原因

    然而,IE6在处理这个属性时存在一个bug,它会将`line-height`与元素的`font-size`相加,而不是仅仅使用`line-height`设定的距离,从而导致了文字之间的实际间距变为正常值的两倍。 为了解决这个问题,开发者们开发...

    overflow:hidden line-height clearfix:after使用方法介绍

    /* 对IE6/7生效 */ } * html .clearfix { /* 对Mac IE生效 */ height: 1%; } ``` 在HTML中,只需在需要清除浮动的父元素上添加`class="clearfix"`,如: ```html ;" class="clearfix"> <!-- 子元素,...

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

    在IE8及以上版本,文本居中显示是默认的,但在IE6和IE7中,可以使用`line-height = height`实现居中,但可能会导致输入框内的光标大小改变。解决这个问题的一个技巧是使用`!important`来优先应用`line-height:0px;`...

    CSS在IE6, IE7, IE8, Firefox中的特定使用(Hack).

    标题与描述中所提及的知识点聚焦于CSS在不同浏览器(尤其是IE6, IE7, IE8及Firefox)中的兼容性问题及其解决方案——即所谓的“Hack”技术。在Web开发领域,由于不同浏览器对CSS的支持程度和解析方式存在差异,...

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

    标题和描述均提到了“DIV+CSS相对IE6、IE7和IE8的兼容问题”,这揭示了在Web开发中,尤其是针对老旧浏览器如IE6、IE7和IE8进行CSS布局时,开发者可能遇到的一系列挑战。这些浏览器在解析CSS规则时存在独特的行为,...

    IE6,IE7,IE8兼容性问题

    ### IE6, IE7, IE8 兼容性问题详解 #### 一、引言 在Web开发过程中,确保网站能够在各种不同的浏览器中正常显示是非常重要的。尤其是在早期的Web时代,Internet Explorer(简称IE)系列浏览器占据着重要的市场份额...

    CSS在IE6 IE7与FireFox下的兼容问题整理

    1. **垂直居中问题**:在IE6和IE7中,要实现一个div的垂直居中,可以通过设置行距(line-height)等于div的高度来实现。但是这种方法可能导致内容换行的问题。例如: ```css .centered-div { line-height: 200px; ...

Global site tag (gtag.js) - Google Analytics