文本间距怎么调？换个说法就是问：行间距怎么调？在CSS中可以使用line-height属性来调整行间距。下面本篇文章就来给大家介绍一下，希望对大家有所帮助。
其实，在css中并没有直接可以设置行间距的属性，所以我们就需要借助行高line-height来控制行间距，行高line-height的值越大，那么文本间距就越高。
Line-height的值设置为具体的数值，可以是相对数值，也可以设置为绝对数值，在静态页面中，文字大小固定时常常使用绝对数值，行间距通常设置为相对数值，从而，可以随着用户自定义的字体大小改变相应的行间距。
示例：
.f1 {
line-height: 30px;
}
.f2 {
line-height: 50px;
}
这是一个标准行高的段落。
这是一个标准行高的段落。
大多数浏览器的默认行高约为110%至120%。
设置30px的文本间距。
设置30px的文本间距。
设置30px的文本间距。
设置30px的文本间距。
设置50px的文本间距。
设置50px的文本间距。
设置50px的文本间距。
设置50px的文本间距。
效果图：
line-height 属性说明：
line-height属性用于设置行使用的空间量，即行间的距离(行高)。
注释：不允许使用负值。
该属性会影响行框的布局。在应用到一个块级元素时，它定义了该元素中基线之间的最小距离而不是最大距离。
line-height 与 font-size 的计算值之差(在 CSS 中成为“行间距”)分为两半，分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框。
更多前端开发知识，请查阅 HTML中文网 ！！
949
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
