使用CSS Line-Height属性获取CSS行间距
了解如何使用CSS样式属性line-height来影响网页上的行间距。
CSS行距的值
CSS行间距受CSS样式属性行高影响。 该属性最多需要5个不同的值：
- 正常：浏览器确定与字体大小相关的行间距值。 这通常与字体大小相同或略大（如20％）。
- 继承：行间距应取自父元素的行间距。 因此，如果将身体标记的行高设置为比字体大小大30％，并将其中的段落标记设置为继承，则它们的线高也会比字号大30％。
- 一个数字：如果行高值没有度量单位，则认为它是行高的字体大小的乘数。 所以1.25的行高将比字体大25％。
- 长度：如果行高值具有度量单位，那么行间应该有确切的空间量。 所以，1.25毫米会导致线1.25毫米分开。
- 百分比：如果行高是百分比，那将是字体大小的百分比。 所以125％的线高度会比字体大25％。
你应该使用哪一个值用于CSS行距？
在大多数情况下，行间距的最佳选择是使其保持默认 - 或“正常”。 这通常是最具可读性的，并不要求你做任何特别的事情。 但改变行间距可以让你的文字有不同的感觉。
如果你的字体大小被定义为ems或百分比，那么你的行高也应该这样定义。 这是行距最灵活的形式，因为它允许读者调整字体大小，并保持行间距相同的比例。
用点（pt）值设置打印样式表的行高。 这个点是一个打印度量，所以你的字体大小也应该是点数。
我不喜欢使用号码选择，因为我发现它最容易让人感到困惑。 许多人认为这个数字是一个绝对的大小，所以他们使它变得庞大。 例如，您可能将字体设置为14px，然后将行高设置为14，这会导致行之间出现巨大间隙 - 因为行间距设置为字体大小的14 倍 。
多少空间应该用于你的线距
正如我上面提到的，我建议使用默认行距，除非您有特定的理由来改变它。 更改行间距可能会产生不同的效果：
- 文字非常紧密可能难以阅读。 但是小的空格可能会影响文本的情绪。 如果文本一起缩小，可以使文本的意义看起来更暗或更紧张。
- 分开的文字也很难阅读。 但宽广的空间使文字看起来更流畅，更流畅。
- 改变行间距可以使文字无法在空间中更加紧凑或占用更多空间。