CSS深入理解之line-height

以下文字整理自慕课网——张鑫旭的《CSS深入理解之line-height》。
一、line-height的定义
line-height,又称行高,指的是两行文字基线之间的距离,又可以称为这行文字所占的高度。
定义三问:
什么是基线?为何是基线?需要两行?
如图红色线即为基线 基线(baseline),指的是一行字横排时下沿的基础线,基线并不是汉字的下端沿,而是英文字母x的下端沿。基线乃*线定义之根本! (*线指任意线)
第3个问题,一行文字难道就没有行高吗?非也,一行文字也是有行高的,两行的定义已经决定了一行的表现! 所以,行高表现为,如下图:(如果试想行高为0,那么两行文字将重合) 问题:为何line-height可以让单行文本垂直居中?
分析:真的垂直居中了吗?实际上并没有,只是我们肉眼看上去垂直居中而已!见下图:
二、 line-height与行内框盒子模型
line-height与

CSS深入理解之line-height最先出现在Python成神之路

版权声明:
作者:lichengxin
链接:https://www.techfm.club/p/20330.html
来源:TechFM
文章版权归作者所有,未经允许请勿转载。

THE END
分享
二维码
< <上一篇
下一篇>>