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

CSS 中如何固定行距
固定 CSS 行距的方法是使用 line-height 属性。该属性指定文本行之间的垂直空间。
使用方法:
将 line-height 属性添加到要设置行距的元素中,如下所示:
立即学习“前端免费学习笔记(深入)”;
element {
line-height: value;
}值:
支持静态模板,支持动态模板标签,支持图片.SWF.FLV系列广告标签.支持百万级海量数据,绑定内置URL伪装策略(URL后缀名随你怎么写),绑定内置系统升级策略(暂不开放升级),绑定内置模板付费升级策略(暂不开放更新)。支持标签容错处理,绑定内置攻击防御策略,绑定内置服务器优化策略(系统内存释放的干干净净)。支持离线运行,支持次目录,兼容U主机。支持会员功能,支持文章版块权限阅读,支持会员自主注册
line-height 属性的值可以是以下值之一:
-
数字:指定以像素为单位的行距,例如
line-height: 1.5em;。 -
百分比:以父元素字体大小的百分比指定行距,例如
line-height: 120%;。 -
关键字:
normal(默认值)、initial和inherit。
示例:
将行距设置为 1.5 倍字体大小:
p {
line-height: 1.5em;
}将行距设置为父元素字体大小的 120%:
#child {
line-height: 120%;
}注意:
- 如果未设置
line-height属性,浏览器将使用默认值,通常为 1.2em。 -
line-height属性只会影响行之间的垂直空间,不会影响字间距。 - 行距可以通过使用
font-size属性进行间接控制,因为字体大小会改变文本行的高度。









