画像とdivの間に空白があるのはなぜですか？

Question

http://bethhaim.spin-demo.com/

画像とその下のdivの間に約3ピクセルの空白があるのがわかりません。誰でもこれを引き起こしている考えを持っていますか？

Answer 1

画像がdisplay:inlineのline-height:18pxで表示されているため、間隔が発生しています。

line-heightをもっと適切に調整するか、画像の表示をdisplay:blockに設定します。

Answer 2

imgをdisplay: block;に設定した場合は、もうスペースが表示されません。

Answer 3

は、あなたのイメージ

Answer 4

画像タグはインライン要素として扱われるにdisplay: block;を追加し、それがテキストの長い行であるかのように、それは同じように表示されます。あなたが見る余分なスペースは小文字の 'descenders'、 'j'、 'y'などに突き出している部分です。

display: blockイメージにギャップが修正されます。

詳細情報：http://devedge-temp.mozilla.org/viewsource/2002/img-table/