css中字体的行间距 |手机端导航纯css样式

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

在上面的样式中，大家设置了段落的字体大小为16像素，行高为1.5。这意味着每个文本行的高度为24像素（16×1.5）。

如果不设置行高，浏览器将默认使用字体大小作为行高。这可能会导致不同浏览器之间文本行之间的距离不同。

p {
font-size: 16px;
/* 不设置行高，使用默认值 */
}

在上面的代码中，大家没有设置行高，因此浏览器将使用默认的行高——通常是字体大小的1.2倍。

在某些情况下，您可能需要控制行高的大小。例如，在两个不同的文本段落之间增加一些空格，可以使用行高来实现。

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

在上面的样式中，大家将行高设置为2，这将使每个文本行的高度为32像素（16×2）。

总之，控制CSS中字体的行间距是非常重要的，这有助于确保不同浏览器之间的一致性，并使文本更具可读性。