0

ほぼ 90% のギャップを修正しましたが、リスト アイテム間に 2 ピクセルの余白が残っています。

.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>
4

1 に答える 1

0

これは、インラインブロック表示によるものです。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を参照してください。

于 2013-02-06T09:11:29.857 に答える