css - 列表项垂直间隙 IE

Question

我已经修复了几乎 90% 的差距，但我仍然看到列表项之间有 2 px 的边距。

.lines li {
border-bottom: solid #000 1px;
list-style: none;
background-color: #CF0;
height: 0px;
}

.lt-ie9 .lines li {
display: inline-block !important;
}

.lt-ie9 .lines li {
display: block !important;
background-color: #CC0;
font-size: 0px;
line-height: 0px;
}


    <ul class="lines">
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
  <li></li>
</ul>

Answer 1

这是由于行内块显示。您必须删除 html 代码中列表项之间的任何空格。您可以将其替换为评论。

<p>Lorem Elsass ipsum</p><!-- whitespace
--><p>réchime amet sed bissame so libero knackes choucroute…&lt;/p>

如果您能阅读法语，请参阅http://www.alsacreations.com/astuce/lire/1432-display-inline-block-espaces-indesirables.html 。