PHP前端开发

css行距怎么固定

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

CSS 中如何固定行距

固定 CSS 行距的方法是使用 line-height 属性。该属性指定文本行之间的垂直空间。

使用方法:

将 line-height 属性添加到要设置行距的元素中,如下所示:

立即学习“前端免费学习笔记(深入)”;

element {  line-height: value;}

值:

line-height 属性的值可以是以下值之一:

示例:

将行距设置为 1.5 倍字体大小:

p {  line-height: 1.5em;}

将行距设置为父元素字体大小的 120%:

#child {  line-height: 120%;}

注意: