列表项垂直间隙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…</p>

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