css中可以使用line-height属性设置行间距,css中line-height属性用来设置行间的距离(行高),此属性不允许使用负值。
![1a10eab2a0fa1c19e9919f4722bbb50c.png](https://img-blog.csdnimg.cn/img_convert/1a10eab2a0fa1c19e9919f4722bbb50c.png)
css中并没有直接可以设置行间距的属性,我们可以使用Line-height属性设置行间距。
line-height属性设置行间的距离(行高)。
该属性会影响行框的布局。在应用到一个块级元素时,它定义了该元素中基线之间的最小距离而不是最大距离。
下面我们就来看看css中利用行高line-height来设置行间距的代码示例:
span {
font-size: 20px;
line-height: 2em;
}
桃之夭夭,灼灼其华。之子于归,宜其室家。
桃之夭夭,有蕡其实。之子于归,宜其家室。
桃之夭夭,其叶蓁蓁。之子于归,宜其家人。
效果如下:
![2056cded30575a13f9edf7aef75265dd.png](https://img-blog.csdnimg.cn/img_convert/2056cded30575a13f9edf7aef75265dd.png)
更多相关知识请关注web前端课程
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)