次のコードがあります：http： //jsfiddle.net/DVwmJ/
ご覧のとおり、緑の線は赤の線の4px後にあります（これは予期していません）。span要素の"display：block" css宣言のコメントを外すと、線が（予想どおりに）重なる理由を誰もが知っていますか？
前もって感謝します
1 に答える
2
がないdisplay: block場合、spanはインライン要素のままです。余分な4ピクセルの高さは、文字のディセンダー用に残されたスペースから取得されます。観察：を変更するfont-sizeと、余分な高さの量も変更されます。
display: blockを指定したくない場合は、デフォルトの。とは異なるを設定できvertical-align: topvertical-align: baselineます。
于 2012-08-08T09:25:15.120 に答える