• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

li行间距大(IE中多了5个像素)的解决方法

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

复制代码
代码如下:

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下不会产生空白行距),不过高度还是要定义一下的。

鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
在新窗口打开的跳转菜单 window.open使用介绍发布时间:2022-06-21
下一篇:
CSS--overflow:hidden在项目实例中使用心得分享发布时间:2022-06-21
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap