11.06日音讯,网页行间距的真正内涵
日期：2013-11-06发布：首创网络浏览：652次
11.06日音讯,网页行间距的真正内涵。高度给定的元素,其内部单行文本垂直居中的一种实现方式为:给当前定高元素,设置line-height属性,其属性值等于当前元素的height值. 今天了解到了一条相关知识,明白这个方法的实现原理. 我们常说的···
本文关键字：11.06日,音讯,网页,行,间距,的,真正,内涵,
11.06日音讯,网页行间距的真正内涵。高度给定的元素,其内部单行文本垂直居中的一种实现方式为:给当前定高元素,设置line-height属性,其属性值等于当前元素的height值.
今天了解到了一条相关知识,明白这个方法的实现原理.
我们常说的单倍行距,双倍行距等等,主观上认为是line-height设置的值,如果量一下实际的效果,会发现,两行文本的间距,并非等于line-height的值.
浏览器计算和分配行间距的方法
间距="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;是一个固定的值,对于任何大小的文本,都采用这个值来计算行间距.若文本的字号过大,会出现重叠的问题.不带单位的值表示倍数.自然避免了该问题.
- 欢迎大家阅读浏览，部分内容来源于网络，如有侵权，请联系我们删除！
服务项目
热门信息
- 邯郸网络公司：模板建站的好处有哪些？
- 3632024-04-25
- 4.20日音讯，邯郸网络公司：企业官网有必要做吗？
- 2122024-04-20
- 4.20日音讯，邯郸网络公司：为什么模板建站如此便宜？
- 2852024-04-20
- 4.9日讯，企业网站建设如何发挥网络营销功能？
- 4082024-04-09
- 4.9日音讯，企业网站维护的日常工作
- 2902024-04-09
- 4.5日讯，建设一个外贸网站多少钱？
- 4852024-04-05
- 邯郸网络公司：网站建设开发有哪些细节需要注意？
- 5392024-03-07
- 邯郸网络公司：外贸网站制作的8个步骤
- 3762024-03-05
- 企业网站如何制作才能取得更好的效果
- 5652024-02-29
- 简单3步，轻松做企业官网
- 6812024-02-18
