[分享]css中2倍行高

CSS中的2倍行高 在CSS中，我们可以使用lineheight属性来控制元素的行高。行高指的是一行的高度，也就是文本行与文本行之间的距离。 默认情况下，lineheight的值是1。也就是说，一行的...

CSS中的2倍行高
在CSS中，我们可以使用line-height属性来控制元素的行高。行高指的是一行的高度，也就是文本行与文本行之间的距离。
默认情况下，line-height的值是1。也就是说，一行的高度跟文本的字体大小相同。
如果我们想要让行距变大，可以将line-height值设置为大于1的小数或整数。例如，将line-height设置为1.5，就会让行距变大一些。
但是，我们也可以使用2倍行高，也就是将line-height设置为2。使用2倍行高，会让文本行与文本行之间的距离变得更加宽敞。
以下是一个使用2倍行高的示例代码：

p {
  font-size: 16px; /* 文本字体大小 */
  line-height: 2; /* 2倍行高 */
} 

在上述代码中，我们将p标签的line-height属性设置为2，这将会让文本行之间的距离变为文本字体大小的2倍。效果如下图所示：
使用2倍行高，可以让文本更加易读，也适合用于某些视觉设计风格中。但需要注意的是，过高的行距会让页面显得紧凑，同时也会增加垂直空间的使用。因此，在使用2倍行高时，需要结合实际情况进行调整。