CSS中如何设置行间距-创新互联

今天就跟大家聊聊有关CSS中如何设置行间距，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

创新互联公司欢迎咨询：028-86922220，为您提供成都网站建设网页设计及定制高端网站建设服务，创新互联公司网页制作领域十余年，包括成都混凝土泵车等多个行业拥有丰富的营销推广经验，选择创新互联公司，为网站锦上添花。

浏览器计算和分配行间距的方法

间距 ="line-height" – "font-size";
文本上下分配大小 = 间距/2;
字号 = 12px; line-height:3;
间距 = 3*12 – 12 = 24(px);
文本上下分配大小 = 24/2 = 12(px)

逻辑上如此无懈可击~ o.0

小知识点(济宁网站建设认为, 应该这样)

"line-height的值, 推荐使用数字而非带有单位的值, 如, 推荐使用line-height:2; 不推荐使用line-height:24px;" 原因在于,line-height:24px;是一个固定的值, 对于任何大小的文本, 都采用这个值来计算行间距。若文本的字号过大, 会出现重叠的问题. 不带单位的值表示倍数. 自然避免了该问题。

看下边的例子

代码如下:

看完上述内容，你们对CSS中如何设置行间距有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注创新互联行业资讯频道，感谢大家的支持。

分享文章：CSS中如何设置行间距-创新互联
文章起源：http://cdxtjz.cn/article/dggdcg.html