2016-05-08 1 views
1

私のfirefoxのデフォルトのfont-sizeは16pxです。
本文の高さは69px、divの高さは2 * 22なので、content-area内のタグの高さは69-22-22 = 25です。
なぜcontent-area内のタグの行の高さは25pxですか?コンテンツエリアのタグの高さが25pxの理由は何ですか?

body{ 
 
padding:0; 
 
margin:0; 
 
} 
 
a { 
 
background:black; 
 
padding:5px 20px; 
 
border:3px solid yellow; 
 
margin:10px; 
 
} 
 

 
div { 
 
background:green; 
 
height:20px; 
 
border:1px solid red; 
 
}
<body> 
 
    <div></div><a href=""></a><a href=""></a><div></div> 
 
</body>

そのコンテンツ領域でのタグの高さは25ピクセルである理由LGSonの答えのために、本当の問題は、それがLGSonの例では、あまりにも25ピクセルであると思います。私の場合は

enter image description here enter image description here

、そのコンテンツ領域でのタグの高さは25ピクセルです。 タグのディメンションは0 * 25、高さは25pxです。 enter image description here

LGSonの最初のケースと最後のケースでは、コンテンツ領域のaの高さも25pxです。 最初のタグでは24 * 25、高さは25pxです。

enter image description here

+0

'line-height'の' a'はブラウザのデフォルト値20pxです。 – connexo

+0

なぜ中間領域の高さが25pxですか?それを計算してください。 –

+1

その値(25ピクセル)はブラウザによって異なりますが、回答する前に何を期待していますか? – LGSon

答えて

0

line-height個別のCSSプロパティです。現在、デフォルトは20ピクセル程度になります。

aには、CSSプロパティーline-height=1;またはline-height=16px;を割り当てることができます。これにより、行の高さは16pxになります。

+0

これは、アンカーで行の高さを16pxに設定するには十分ではありません。 ChromeとFFでこれをテストすると、結果が異なることがわかります。 – LGSon

関連する問題