アンカー タグの下の謎の空白

当惑するほど特殊なレイアウトの難題で、画像を囲むアンカー タグには説明できない高さの差異があり、根元に見苦しい隙間がある。マージンとパディングの両方をゼロに設定しているにも関わらず、タグは意図した境界よりも高いままであり、望ましい美観を損なっています。謎に満ちており、プログラマーは FireFox と Chrome の両方を調べましたが、同じ困惑する結果に遭遇するだけでした。この不要なスペースの原因はいまだに解明されておらず、開発者は頭を悩ませています。

降下を明らかにする

よく見ると、画像がインラインでレンダリングされていることが明らかになります。テキスト文字と同様に動作します。この配置により、画像がベースライン上に配置され、ディセンダ スペースと呼ばれる分離が作成されます。ディセンダーは、「j」、「g」、「y」、「p」などの小文字の細長い部分です。

垂直性が復元されました

この問題を修正するには, CSSの調整が必要です。画像に「vertical-align:bottom」を適用すると、画像の垂直方向の配置が含まれる要素の下部に移動します。この変更によりディセンダ スペースが削除され、画像がその下の境界と同一面に揃えられ、不可解な空白の謎が解決されます。