2009-07-03 60 views
0

誰でも画像の下のスペースを引き起こしていることを教えてもらえますか?画像に関連する赤い枠線が付いているdivに余分なパディングがあるようです。私は火かき棒でこの間隔を全く見つけることができません。イメージに余分なスペースがあるのはなぜですか?

バッフル。おそらく関連水増し

alt text http://antony.co.za/so.jpg

+0

あなたはhtmlコードを投稿することができます。 – rahul

答えて

8

デフォルトでは、画像の下端がテキストのベースラインに揃えられます。あなたが見ているスペースは、q、p、yなどのデセンダーで使用されるベースラインの下のスペースです(テキストスペースがないので、スペースは予約されています)。

img { /* Or a suitable class, etc. */ 
    vertical-align: bottom; 
} 
+1

私はこれの原因を知らせてくれてありがとう - 私は前にベースラインなどを理解することはなかった。 –

0

、多分それは、画像を含むdivのでしょうか?可能であれば、あなたがリンクを投稿した場合にはおそらく助けになるかもしれません。

4

それはおそらくに垂直配向になるだろう - そして、それは現在の画像何のためにあるのか確認するために計算されたスタイルをチェックし、あなたのスタイルシートにこれを追加してみてください:

img { vertical-align: text-bottom; } 

は、いくつかの例についてはThat mysterious gap under imagesWhat is Vertical Alignを参照してください。何が起こっていますか。

+0

リンクと素晴らしい答えをありがとう:) –

0

垂直整列のボトムを使用することが効果的な解決策の1つです。

あなたがが、テキストでインライン画像を使用しているように表示されませんので、私は取るだろうなアプローチは、画像にブロックレベル要素を作ることです。

img { 
    display: block; 
} 
関連する問題