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