css文字2行时行高变窄 |css字体浑厚

p {
font-size: 16px;
line-height: 1.5;
}

这段代码设置了文字大小为16像素，行高为1.5，但当这个样式应用到只有两行文字的段落时，行高实际上会变得更大，行高变得如此宽，以至于两行文字之间的间距会看起来很奇怪。

为了解决这个问题，大家可以使用单位em代替像素作为行高。 em是相对于当前元素的字体大小的单位，因此在两行文字的情况下，行高仅仅是所选字体大小的1.5倍。

p {
font-size: 16px;
line-height: 1.2em;
}

这样，当大家将样式应用于只有两行文字的段落时，行高不会变得异常的宽，而是仅仅两倍于大家所选的文字大小。 这种方法可以确保大家的布局更加美观，而不会牺牲可读性。