关于line-height的一些理解

序:

早些时间就看过张鑫旭大大的一些文章,但是仅仅停留在看的阶段,没有进行验证和实践,死记硬背了一些,到最后还是忘的一干二尽,所以记住和学会是两个事情,所以写博客也是这个目的,让自己印象深刻。

正文:

1.一个line boxes没有高度 那么是由内部最大的的inline box的 line-height 决定

line-height 默认值为nomal  chrome浏览器的为1.15

表现为:空的div没有高度,+文字就有高度了

只有一个元素是inline-block和inline的时候vertical-align才会起作用

父元素的为block 子元素 都为 inline-block 并且vertical-align 为middle的时候并不会居中

line-height能被继承


有时候你改变了Vertical-align的值,但是该元素垂直方向上没有发生改变反而别的元素改变了位置。

主要是因为改变了linebox的beaseline的位置

https://segmentfault.com/a/1190000002668492

你可能感兴趣的:(关于line-height的一些理解)