使用 CSS 中的 line-height 属性固定行距,该属性指定文本行之间的垂直空间。使用方法:将 line-height 属性添加到元素中,指定值为数字(以像素为单位)、百分比或关键字。示例:将行距设置为字体大小的 1.5 倍:p { line-height: 1.5em; }。

CSS 中如何固定行距
固定 CSS 行距的方法是使用 line-height 属性。该属性指定文本行之间的垂直空间。
使用方法:
将 line-height 属性添加到要设置行距的元素中,如下所示:
立即学习“前端免费学习笔记(深入)”;
<code class="css">element {
line-height: value;
}</code>值:
line-height 属性的值可以是以下值之一:
-
数字:指定以像素为单位的行距,例如
line-height: 1.5em;。 -
百分比:以父元素字体大小的百分比指定行距,例如
line-height: 120%;。 -
关键字:
normal(默认值)、initial和inherit。
示例:
将行距设置为 1.5 倍字体大小:
<code class="css">p {
line-height: 1.5em;
}</code>将行距设置为父元素字体大小的 120%:
<code class="css">#child {
line-height: 120%;
}</code>注意:
- 如果未设置
line-height属性,浏览器将使用默认值,通常为 1.2em。 -
line-height属性只会影响行之间的垂直空间,不会影响字间距。 - 行距可以通过使用
font-size属性进行间接控制,因为字体大小会改变文本行的高度。










