- 內(nèi)聯(lián)元素：display:inline-* span label input button a br i strong q img
- 替換元素： img <input type='image'/> iframe video audio embed option canvas object applet
- 幽靈空白節(jié)點(diǎn)：html5里內(nèi)聯(lián)元素 行框盒子前都有一個(gè)寬度為0，可有高度，有基線的空白節(jié)點(diǎn)
vertical-align只對(duì)內(nèi)聯(lián)元素生效，內(nèi)聯(lián)元素又包括內(nèi)聯(lián)可替換元素（下文簡(jiǎn)稱替換元素），內(nèi)聯(lián)非替換元素
vertical-align:baseline默認(rèn)
- baseline:
-- 對(duì)于文本類內(nèi)聯(lián)元素 是字符x的下邊緣；
--對(duì)于替換元素 是自身下邊緣；
--對(duì)于inline-block，若里面沒(méi)有內(nèi)聯(lián)元素或overflow:!visible，是margin底邊緣； 若有的話 則是最后一行內(nèi)容的基線
https://stackoverflow.com/questions/43996242/whats-the-deal-with-vertical-align-baseline4個(gè)：字符x下邊緣、自身下邊緣、margin下邊緣、最后一行內(nèi)容的基線
vertical-align:middle
- middle ：
-- 對(duì)于內(nèi)聯(lián)元素 內(nèi)里x交叉點(diǎn)的位置
-- 對(duì)于table-cell 相對(duì)外面的表格行對(duì)齊
line-height
- line-height決定了內(nèi)聯(lián)元素的高度， 不影響替換元素
-line-height: 可以繼承
父{ font-size:20px,line-height:1.5 or 200% or 2em }
子：{font-size:30px;}
子繼承的行高分別對(duì)應(yīng)是 30*1.5 or 20*200% or 20*2
