div内の画像に余分な高さがあります

Question

私は新しいサイトに取り組んでいますが、ちょっとした頭がおかしくない小さなデザインのものがあります。

基本的に、私はユーザーが面白い写真をアップロードできるサイトを作成しています。画像が表示される領域には3pxのギャップがありますが、 デッドリンクのスクリーンショットへのリンクです。

私は何かを試しましたが、何も動作していないようです。誰かが何か解決策を提案できる場合は、してください。

ありがとうございました。

Answer 1

デフォルトのvertical-alignイメージの値によるものです。彼らはbaselineです。 topまたはbottomに変更してください。

img{ 
    vertical-align: top; 
} 

余分なスペースはyまたはgのように下にハングアップする手紙のためにあるベースラインの下の領域です。