CSS如何设置行高

作者:风筝 | 创建时间: 2023-08-09
本文主要讲解下CSS的常用操作中的设置行高(类似行间距),具体效果见下文详解。...
CSS如何设置行高

操作方法

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

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

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

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

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

点击展开全文

更多推荐