ホームページ > 記事 > ウェブフロントエンド > 画像 image_html/css_WEB-ITnose の下部に不可解な下マージンの問題があります。
画像 image_html/css_WEB-ITnose の下部に不可解な下マージンの問題があります。
- WBOYオリジナル
- 2016-06-24 11:37:451008ブラウズ
これは Google で説明されています:
画像の下部のギャップは、実際にはインライン要素のレイアウト モデルに関係しています。画像のデフォルトの垂直方向の配置はベースラインであり、ベースラインの位置はフォントに関連しています。 。したがって、画像の下部のギャップが 2 ピクセルになる場合もあれば、4 ピクセル以上になる場合もあります。フォント サイズが異なると、このギャップのサイズも影響を受けるはずです。
解決策:
img のvertical-align を定義するか、ブロックとして定義します。 注:vertical-align を中央として定義すると、IE6 では上部が約 1 ピクセルになります。余白、できれば上または下。もちろん、試してみることができる極端な解決策があります。それは、親コンテナのフォント サイズを 0 に設定することです (font-size:0
)
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。