在CSS中设置行高可以通过`line-height`属性来实现,该属性可以设置为以下几种值:
固定像素值:
使用像素值设置行高,例如`line-height: 20px;`。
相对值:
使用数字设置行高,该数字会与当前字体大小相乘,例如`line-height: 1.5;`。
百分比值:
使用百分比设置行高,基于当前字体大小的百分比,例如`line-height: 150%;`。
无单位的值:
使用无单位的数字设置行高,例如`line-height: 1.5;`。
`normal`关键字:
设置默认行高,让浏览器自动根据字体大小确定行高。
`inherit`关键字:
从父元素继承行高值。
行高不仅影响文本行的高度,还包括行间的上下间距。合理的行高设置可以提高文本的可读性。
例如,如果你想要设置一个段落的行高,你可以这样写CSS样式:
```css
p {
font-size: 16px;
line-height: 1.5;
}
这会将段落的字体大小设置为16px,并将行高设置为字体大小的1.5倍,即24px。