今天小编跟大家讲解下有关li行间距大(IE中多了5个像素)的解决方法 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关li行间距大(IE中多了5个像素)的解决方法 的相关资料，希望小伙伴们看了有所帮助。
复制代码代码如下: 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外面加上一层div 并定义宽度 那么在li里面不用定义宽度和vertical-align: bottom; 也显示正常(IE5下不会产生空白行距) 不过高度还是要定义一下的。来源：爱蒂网
