3 

.item-list {
  letter-spacing: -0.3em;
}
.item-list a {
  letter-spacing: 0;
  display: inline-block;
}
<div class="item-list">
  <a href="#">a</a>
  <a href="#">a</a>
  <a href="#">a</a>
  <a href="#">a</a>
</div>

win ie6でのみ、その間のギャップa はまだ終了しており、スタイルletter-spacing:-0.3emを削除するとスタイルが有効になりますa { letter-spacing:0 }

なぜ？私はこの問題を理解できますか？

4

4 に答える 4

3

これは、HTML の入力方法に関係しています。IDE でスペースと改行を使用して適切にフォーマットしているため、これらのスペースと改行はページに表示されたときに表示されます。だから代わりに

<div class="item-list">

    <a href="#">a</a>
    <a href="#">a</a>
    <a href="#">a</a>
    <a href="#">a</a>

</div>

1行で入力すると消えます:

<div class="item-list"><a href="#">a</a><a href="#">a</a><a href="#">a</a><a href="#">a</a></div>
于 2013-01-31T15:02:31.147 に答える
1

このCSSを追加できます

a{float:left}

ギャップは削除されます

于 2013-10-17T07:18:49.397 に答える
0

私はいつも使用します：

    line-height: 2.2; //or whatever value you want

私はFacebookのレイアウトから取得し、私にとって素晴らしい作品です

于 2012-04-06T04:02:22.020 に答える