- 內(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é)點：html5里內(nèi)聯(lián)元素 行框盒子前都有一個寬度為0怜械，可有高度颅和，有基線的空白節(jié)點
vertical-align只對內(nèi)聯(lián)元素生效，內(nèi)聯(lián)元素又包括內(nèi)聯(lián)可替換元素（下文簡稱替換元素）缕允，內(nèi)聯(lián)非替換元素
vertical-align:baseline默認
- baseline:
-- 對于文本類內(nèi)聯(lián)元素 是字符x的下邊緣峡扩；
--對于替換元素 是自身下邊緣；
--對于inline-block障本，若里面沒有內(nèi)聯(lián)元素或overflow:!visible教届，是margin底邊緣； 若有的話 則是最后一行內(nèi)容的基線
https://stackoverflow.com/questions/43996242/whats-the-deal-with-vertical-align-baseline4個：字符x下邊緣驾霜、自身下邊緣案训、margin下邊緣、最后一行內(nèi)容的基線
vertical-align:middle
- middle ：
-- 對于內(nèi)聯(lián)元素 內(nèi)里x交叉點的位置
-- 對于table-cell 相對外面的表格行對齊
line-height
- line-height決定了內(nèi)聯(lián)元素的高度粪糙， 不影響替換元素
-line-height: 可以繼承
父{ font-size:20px,line-height:1.5 or 200% or 2em }
子：{font-size:30px;}
子繼承的行高分別對應是 30*1.5 or 20*200% or 20*2
