使用CSS维护垂直字体空间

Question

我使用Lucida Grande字体为我的网站，当我把字体大小，比如说30px时，两个相邻行中的字体在某种程度上重叠。如何使用CSS在两行之间留一个空白？

Answer 1

使用line-height属性。像

这样的东西

p {
  line-height: 1.3em;
}

应该这样做。这将使您的行高为您设置的字体大小的1.3倍。您可能将此设置为固定数字，例如另一个规则集或样式表中的25px，因此当您增加字体大小时，行高不会随之增加。

Answer 2

您可能拥有固定的line-height套装。将其更改为相对（例如line-height: 1.3em;）或固定，但更大（30px）。

Answer 3

/*
user same line-height as as font-size;
*/

.product{
 font-size:30px;
 line-height:30px;
}

/*
its always a better practice to define line-height in body if you are going to use same font size across or as standard
*/