什么是行高:1?

时间:2009-06-16 09:22:22

标签: css

这是一个关于线高的任命的问题。

我开始研究css。 line-height:经常可以找到指定20px或单位的示例。 它有时候是行高:有一个没有单位的东西,但这变成了什么样的意思?

6 个答案:

答案 0 :(得分:31)

  

可能的值

数字

设置一个与当前font-size相乘的数字来设置距离 行之间

长度

设置线之间的固定距离

以当前字体大小的百分比

设置行之间的距离

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

获取

答案 1 :(得分:8)

似乎line-height doesn't need a unit (detailled article)

  

属性line-height可以接受   无单位数值。你也可以   但是,给出行高联合值   一般来说你不应该。但无单位   数字对此很好   属性。

答案 2 :(得分:8)

另请注意: “1”不等于“normal” - 1与字体大小完全相同,因此多行元素(如段落)中的行将相互贴合,而法线则增加预期间距线条。

使用字体简写:

font: font-style font-variant font-weight font-size/line-height font-family;
如果未指定,

似乎将行高默认为正常。例如:

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)。

答案 3 :(得分:4)

根据w3schoolsw3.org行高:1;有效并且表示以下内容:设置一个与当前字体大小相乘的数字,以设置线条之间的距离。

答案 4 :(得分:2)

如果没有提供单位,例如"line-height: 1.5"行之间的距离设置为此数字乘以当前字体大小。

1.5 x font-size

答案 5 :(得分:1)

这是字体大小的倍数。从CSS 2.1候选建议:»属性的使用值是这个数字乘以元素的字体大小。«