1

重複の可能性:
html、css - 画像の下の奇妙で見えないマージン

フローティング div コンテナー内に画像があります。

<div><img src="..." /></div>

ただし、コンテナは常にその中の画像よりも数ピクセル高くなります。これは、この fiddle でわかるようにかなり醜いです。もちろん、そのピンク色の領域は誇張されていますが、問題を明確に示しています。

これを回避する方法はありますか?つまり、コンテナ内に画像しかない場合、画像の下に空白があってはなりません。パディングとマージンはすでにゼロであるため、それは問題の原因ではありません。

4

2 に答える 2

5

MDNの画像、テーブル、ミステリアスなギャップをチェックしてください。画像はインラインで、ベースライン上にあります。以下のスペースは、テキスト内のディセンダー用に予約されています。

display: block前述の記事はよく読んでいますが、画像をに設定すると問題が解決します。

于 2012-04-21T09:46:41.547 に答える