浏览器兼容问题
  • 产品介绍
  • 微信/手机站模板
  • 电脑站模板
  • 小程序模板
  • 建站问答
  • 应用下载
  • 产品手册
  • 网站百科
  • 建站代理
  • 网站案例
  • 论坛
  • 关于我们
  • 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备16043239号
服务热线: 13013553001