li行间隔大(IE中多了5个像素)的处理方式

2021-01-20 21:19 jianzhan

拷贝编码
编码以下:

li {width:300px; height:23px; line-height:24px:}
<ul>
<li>行距很大</li>
<li>行距很大</li>
<li>行距很大</li>
<ul>

以上界定后li的行间隔应当是23px,可是IE确是28px,多了5个像素,缘故不知道道,处理方式以下(鲜红色表明检测OK):
1.处理li在IE5下造成空白行距的方式:假如li界定了宽度,那末必须在li里边再界定vertical-align: bottom;。
2.宽度最好是不必界定在UL,界定在LI或UL外层的DIV里边。
3.撰写LI的最好方法,li里边要撰写高宽比和宽度,和vertical-align: bottom;(for ie5/win bug),或在ul外面再加1层div,并界定宽度,那末在li里边无需界定宽度和vertical-align: bottom;,也显示信息一切正常(IE5下不容易造成空白行距),但是高宽比還是要界定1下的。