アンカータグが境界線のある Div の画像の下に空白を追加するのはなぜですか?

アンカー タグにより画像の下に空白が追加される

アンカー タグが境界線付きの div 内で画像を囲むと、画像の下に予期しないギャップが表示される場合があります。画像。この問題は、画像をベースライン上に配置された文字として扱う、画像のインライン表示プロパティに起因します。このギャップには、「j」や「g」などのタイポグラフィーで見られるディセンダーが含まれています。

これを解決するには、CSS を使用して画像の垂直方向の配置を調整します。

img {
  vertical-align: bottom;
}

このコードは、画像の下部をベースラインに合わせて配置し、空白を削除して希望のデザインを復元します。

以上がアンカータグが境界線のある Div の画像の下に空白を追加するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。