什么是line-height:1？

Question

这是一个关于行高的指定的问题。

我开始学习css。行高:通常可以找到指定20px或一个单位的示例。它有时是行高:有1和一个没有单位的东西，但这变成了什么意思？

Answer 1

可能值

number：

设置一个将与当前字体大小相乘的数字，以设置线之间的距离

length：

设置线之间的固定距离

%：

设置线条之间的距离，以当前字体大小的百分比表示

取自http://www.w3schools.com/css/pr_dim_line-height.asp

Answer 2

看来line-height doesn't need a unit (detailled article). .。

属性行-高度可以接受无单位的数值。你也可以给出行高联合的值，尽管通常你不应该这样做。但是对于这个属性，没有单位的数字就足够了。

Answer 3

另请注意："1“不等于" normal”-1的高度与字体大小完全相同，因此多行元素(如段落)中的行将彼此紧贴在一起，而normal则添加行之间的预期间距。

使用字体速记：

font: font-style font-variant font-weight font-size/line-height font-family;

如果未指定，则显示为默认行高为normal。例如：

body{
    line-height:1; /* as seen in Eric Meyer's reset css */
}
p{
    font:normal normal normal 14px "Times New Roman", Times, serif;
}

将导致所有段落具有正常的行高，覆盖为正文设置的1，而

p{
    font:normal normal normal 14px/1 "Times New Roman", Times, serif;
}

将保留行高1(在本例中为14px)。