为什么标签在其内容区域的高度为25px？

时间：2016-05-08 08:29:24

标签： html css

我的firefox中的默认字体大小是16px 主体的高度为69px，div的高度为2 * 22，因此标签在其内容区域的高度为69-22-22 = 25。 为什么标签在其内容区域的行高为25px？

＆＃13;
＆＃13; 
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;
 }
＆＃13; 
<body>
    <div></div><a href=""></a><a href=""></a><div></div>
</body>
＆＃13;
＆＃13;
＆＃13;

想想LGSon的答案，真正的问题是为什么标签在其内容区域的高度为25px，在LGSon的例子中也是25px。

enter image description here enter image description here

就我而言，标签在其内容区域的高度为25px。 标签的尺寸为0 * 25，高度为25px。 enter image description here

在LGSon的第一个案例和最后一个案例中，其内容区域中a的高度也是25px。 第一个标签的尺寸为24 * 25，高度为25px。

enter image description here

1 个答案:

答案 0 :(得分：0)

line-height是一个单独的CSS属性。现在，默认值为20px左右。

您可以为a分配CSS属性line-height=1;或line-height=16px;，这会强制它的行高为16px。

相关问题
最新问题