1

1ページに2つの小さな画像があります。

<a href="link.htm"><img src="image1.jpg" /></a>

<a href="link2.htm"><img src="image2.jpg" /></a>

それらがページに表示されるとき、それらは私が期待するように互いに直接隣接して表示されるのではなく、それらの間にスペース文字を入れて表示されます。

なぜこのスペースが表示されるのかは理解できますが（結局、マークアップではそれらの間にスペースがあります）、そこにスペースを入れたくありません。

4

2 に答える 2

6

ご指摘のとおり、マークアップではそれらの間に空白があるため、レンダリングされたドキュメントではそれらの間に空白があります。

マークアップへの変更を最小限に抑えるには、次のようにします。

<a href="link.htm"><img src="image1.jpg" /></a><a
   href="link2.htm"><img src="image2.jpg" /></a>

または類似。

他にできることは要素ですがfloat、それはレイアウトにノックオン効果をもたらす可能性があります。aleft

于 2009-09-16T14:21:37.620 に答える
1

デフォルトでは、画像はインライン要素としてレンダリングされます。これは、コンテナ内の空白記号を無視しないことを意味します。float:leftこのギャップを削除する場合は、またはdisplay:blockルールを使用して、空白自体を削除するか、画像をブロックレベルの要素にすることができます。次のように、これらの画像をテーブルセルでラップすることもできます。

<table cellspacing="0" cellpadding="0">
 <tr>
  <td><img ...></td>
  <td><img ...></td>
 </tr>
</table>

でもこれはすっごく1999年です。

于 2009-09-16T14:35:28.677 に答える