技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> CSS/HTML --> li的多余空白

li的多余空白

浏览:2084次  出处信息

在IE6下,li标签中有浮动元素的话,就有可能在两个li之间出现一条多余的空白。

CSS:

以下是代码片段:
ul li
{
    width: 300px;
    height: 50px;
}
ul li div
{
    width: 30px;
    height: 50px;
    float: left;
}
 
HTML:
 
以下是代码片段:
<ul>
    <li>
        <div>123</div>
        <div>456</div>
    </li>
    <li>456</li>
</ul>

解决的办法:

  1. 在任意一个div上加个vertical-align: top
  2. 让li浮动并清除浮动

建议继续学习:

  1. nginx上,http状态200响应,PHP空白返回的问题    (阅读:5632)
  2. li水平居中css实现    (阅读:3230)
  3. li并行显示    (阅读:2903)
  4. 一点儿网页空白空间设计的想法    (阅读:1800)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
后一篇:文本自动换行 >>
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1