p{ line-height: 2em; }此时,所有包含在
标签中的文本都会按照行高为字体大小的两倍进行排版,即每行文字的高度为字体大小的两倍。 如果我们想要设定不同的行高,可以通过为不同的
标签设置不同的样式来实现。例如,下面的代码设置了两个不同的样式,其中一个
p.normal{ line-height: 1.5em; } p.large{ line-height: 2em; }此时,我们可以在 HTML 中分别使用 class 属性来调用不同的样式,从而实现不同行间距的效果:
总之,在 HTML 中设置行间距很简单,只需要借助 CSS 样式表来设置 line-height 属性即可,这样可以使文本更易读,排版更美观。这是一个普通段落,行间距为 1.5em。
这是一个较大的段落,行间距为 2em。