css行间距怎么设置(CSS设置行间距)
在CSS中,可以使用line-height
属性来设置行间距,即行与行之间的垂直距离。line-height
可以接受不同类型的值,如像素(px)、百分比(%)、无单位的数字或者相对单位(如em或rem)。
以下是几种设置行间距的方法:
- 使用像素(px)设置行间距:
p {
line-height: 20px;
}
- 使用百分比(%)设置行间距,这是相对于当前字体大小的:
p {
line-height: 150%;
}
- 使用无单位的数字,这也是相对于当前字体大小的:
p {
line-height: 1.5;
}
- 使用相对单位(如em或rem)设置行间距:
p {
line-height: 1.5em;
}
在HTML中使用相应的标签,如<p>
标签,行间距就会生效。例如:
<p>这是一段文本,其行间距已通过CSS设置。</p>
评论已关闭