浏览器兼容专题
  • 微信/手机站
  • 电脑板
  • 服务案例
  • 关于我们
  • 域名注册
  • 商标注册
  • 上云服务
  • 微信小程序
  • 知识库
  • IE6常见Bug13:li底部空行

    2015-09-08 15:59:31
    IE6常见Bug13:li底部空行
    当某个li中的内容是一个display: block的锚点(anchor)时。在这种情况下,列表元素之间的空格将不会被忽略而且通常会显示成额外的一行夹在每个li之间。
    
    
    
    
    li在IE中底部空行的BUG
    
    
    
      

    bug

    li在IE中底部空行的BUG

    • 列表项1
    • 列表项2
    • 列表项3

    解决方案1:使用zoom触发a元素的haslayout

    • 列表项1
    • 列表项2
    • 列表项3

    解决方案2:去掉多余的空格、换行

    • 列表项1
    • 列表项2
    • 列表项3

    解决方案3:在li中加入display:inline

    • 列表项1
    • 列表项2
    • 列表项3

    解决方案4:给a设置width

    • 列表项1
    • 列表项2
    • 列表项3
    在IE6中显示效果图如下:
  • 回顶部
品牌策划 版权所有 2022-2027
滇ICP备16002320号-1 公安备案号 53262102000249
服务热线:0876-2154551 15987653936