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

li的多余空白

浏览:2068次  出处信息

在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空白返回的问题    (阅读：5483)
  2. li水平居中css实现    (阅读：3213)
  3. li并行显示    (阅读：2867)
  4. 一点儿网页空白空间设计的想法    (阅读：1717)
QQ技术交流群：445447336，欢迎加入！
扫一扫订阅我的微信号：IT技术博客大学习
<< 前一篇：CSS Border使用小分享
后一篇：文本自动换行 >>
文章信息
© 2009 - 2024 by blogread.cn 微博：@IT技术博客大学习

京ICP备15002552号-1