css中如何设置文字行间距

 在网页设计中，文本的排版是至关重要的一环。行间距可以控制文字之间的垂直空间，使得阅读更加舒适。在CSS中，我们可以使用line-height属性来设置行间距。
line-height属性可以设定一个数字或一个百分比值，也可以用normal来表示默认值。默认情况下，行高与字体大小相等，比如font-size:16px;就意味着行高为16px。如需自定义行高，只需要像这样写就可以了：
p{
line-height: 1.5; /* 行高为字体大小的1.5倍 */
}
我们还可以用百分比来设置行高，比如：
p{
line-height: 150%; /* 行高为字体大小的150% */
}
更常见的是用em单位，表示行高是字体大小的若干倍，比如：
p{
line-height: 1.5em; /* 行高为字体大小的1.5倍 */
}
需要注意的是，当你给一个块级元素设置line-height属性时，它会应用到该元素内所有行的高度。如果该元素包含有多行的文本，在这些行间不会插入额外的空白。在这种情况下，更适合使用margin-bottom属性来控制行间距。
如需让行距更大，可以设置一个大于1的值，比如2。这将使行距加倍，这对于标题和分割段落非常有用，例如：
h1{
line-height: 2; /* 行高为字体大小的2倍 */
}
p + p{
margin-top: 2em; /* 段落之间的行间距为2倍 */
}
总之，通过调整line-height属性，你可以轻松控制文字行间距，从而提升网页的可读性和用户体验。