如何解决IE6及更早浏览器下当li内部元素是定义了display:block

a,span{display:block;background:#ddd;}

<ul>
    <li><a href="../">CSS参考手册</a></li>
    <li><a href="../">CSS探索之旅</a></li>
    <li><a href="../">web前端实验室</a></li>
    <li><span>测试li内部元素为设置了display:block的内联元素时底部产生空白</span></li>
</ul>

如上代码，IE6及更早浏览器每个li内部的内联元素底部都会产生空白。解决方案是给li内部的内联元素再加上zoom:1

本文作者： Jasmine

本文链接： https://www.jianbaizhan.com/article/151

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！