0

すべての投稿のおかげで、垂直方向の間隔の問題を修正しましたが、境界線に問題があるため、境界線を適用すると、リスト項目の高さが 2 px になります。

更新: 追加されたoverflow:hidden、現在、リスト項目の高さは 1px 更新: クロムのスクリーンショットを追加 (望ましい出力)

ul.lines {
margin: 0px;
padding: 0px;
}
.lines li {
border-bottom: solid red 1px;
list-style: none;
background-color:#00F;
}
.lt-ie9 .lines li {
background-color: #CC0;
font-size: 0px;
line-height: 0px;
height: 0px !important;
overflow: hidden
}


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

編集:私のリスト項目は意図的に空であり、境界線だけがあり、私の使用のコンテキストは棒グラフを横切る垂直線です。

IE

希望する出力 (Chrome のスクリーンショット)

4

2 に答える 2

0

これを試して

border-bottom-width:1px solid red;
于 2013-02-06T03:53:00.397 に答える
0

あなたが何を求めているのかを伝えるのは難しいです。しかし、あなたの苦情は、境界線がリスト項目の高さに追加されているようです。その場合はbox-sizing: border-box、リスト項目に設定してください。

フィドル: http://jsfiddle.net/jonathansampson/Z6t6A/

于 2013-02-06T04:07:02.980 に答える