☰

画像の下の空白を削除する [重複] 質問する

tag-icon • tag-icon css image whitespace border removing-whitespace
画像の下の空白を削除する [重複] 質問する

Firefox でのみ、ビデオのサムネイルに、画像の下部と境界線の間に 2 ～ 3 ピクセルの謎の空白が表示されます (下記参照)。

Firebug で考えられるあらゆることを試しましたが、うまくいきませんでした。

この空白を削除する方法はありますか?

画像の下に空白が表示されているスクリーンショット

ベストアンサー1

デフォルトではインライン要素なので、ディセンダー（「y」と「p」の下部から垂れ下がっている部分）用のスペースが表示されていますimg。これにより、ギャップが削除されます。

.youtube-thumb img { display: block; }

おすすめ記事