HTML中设置行高可以通过CSS
代码来实现,CSS的
属性名是line-height(行高),其作用是设置
文字行与行之
间的距离。
在CSS中使用line-height
属性时,可以直接给定
一个数值,也可以使用%,em等单位进行设置,如下:
1. 直接设置行高数值
p {
line-height: 1.5; /* 行高为1.5倍行间距 */
}
2. 使用em等单位设置行高
p {
line-height: 1.2em; /* 行高为当前字体大小的1.2倍 */
}
3. 使用百分数设置行高
p {
line-height: 150%; /* 行高为字体大小的1.5倍(即150%) */
}
需要注意的是,line-height
属性不同于常见的margin和padding
属性,通常它的影响范围
包括文字行和行之
间的距离,而不是整个元素的高度。
如果需要设置整个元素的高度,可以结合使用height或min-height
属性。
示例
代码:

<style>
p {
line-height: 1.5;
height: 100px; /* 设置元素高度为100px */
background-color: #fff9c0; /* 添加背景色,便于观察 */
}
</style>
<p>这是一段样式设置了行高和元素高度的文字。</p>
运行
效果:
这是一段样式设置了行高和元素高度的
文字。
参考资料:
1. CSS line-height
属性
2. CSS height
属性
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。