由于是前端初学者,以下一些内容为自己的理解,若有错误,希望能不吝赐教,谢谢!
文章内容基于:CSS中line-height的学习
以下是自己的个人理解
- line-height指的是font-size + line-spacing,浏览器的默认值是:1.2,这里的值是实数,也就是font-size的1.2倍,属性具体的其他值设定可见上面的文章。
- line-height之所学习,是因为在w3cshool中看到为什么使用text-align: center和它可以使得单行文字在div模块实现左右上下居中的效果,现在我们应该能理解为什么当line-height的值同block的height的值相等时,就可以实现,因为它把整个block是完整的划分成两个行距以及一个font-size的大小。
- 另外从这篇文章里我们也知道了行内元素关于字体部分,除了bottom、top,还有中线middle,以及baseline基线。