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;是一个固定的值, 对于任何大小的文本, 都采用这个值来计算行间距。若文本的字号过大, 会出现重叠的问题. 不带单位的值表示倍数. 自然避免了该问题。
看下边的例子
代码如下:
line-height:24px;
line-height:24px;
line-height:2;
line-height:2;
看完上述内容,你们对CSS中如何设置行间距有进一步的了解吗?如果还想了解更多知识或者相关内容,请关注创新互联行业资讯频道,感谢大家的支持。
网页题目:CSS中如何设置行间距-创新互联
文章源于:http://scyanting.com/article/dggdcg.html