CSS如何设置行高

CSS如何设置行高

本文主要讲解下CSS的常用操作中的设置行高(类似行间距),具体效果见下文详解。

首先,我们先创建好实验的环境,创建3段文字,从变量中理解行高的设置。

然后,我们再配置下CSS样式,从而使差别更容易看出。

那么网页的效果图便如图所示

接下来,我们在CSS样式中,添加关于行高的属性,第一行字正常行高,第二行行高减少一半,第三行变成2.5倍,具体CSS如下图:

然后我们看浏览器的效果图,行高的更改便是如此简单了