インラインタグを含むブロックレベルタグの下部にある3ピクセルのギャップの解決策

ブロックレベルのタグ (div など) にインライン タグ (img など) が含まれる場合、外側の要素と内側の要素の下部に 3 ピクセルのギャップが表示されます。

コードは次のとおりです:

リーリー

表示効果は次のとおりです:

解決策は 3 つあります:

1. set div{font-size: 0}; 外側のブロックレベルのラベルのフォントサイズを 0 に設定します;

2. Set img{ display: block}; 内部のインラインラベルの表示をブロックに設定し、ブロックレベルのラベルに変換します。

3. Set img{vertical-align:top;}; 内側のインラインラベルの垂直方向の配置をtopに設定します。