內(nèi)聯(lián)格式化上下文
font-size 相同，font-family 不同，得到的 span 元素的高度也不同
原因在于字體本身看疗，這是字體的原理：一款字體會定義一個 [em-square]唆阿，它是用來盛放字符的金屬容器，字體度量都是基于這個相對單位設(shè)置的(注意這里面的值是允許相對于 em-square 出血的)
em-square 一般被設(shè)定為寬高均為 1000 相對單位(也可以是 1024箩祥、2048 相對單位)呻惕，1000 相對單位會按照你需要的 font-size 縮放。
font-size em-square
line-height 實際占地高度
100px 100px -> 103px
vertical top middle bottom text-top text-bottom
圖片下面有空隙
1滥比、vertical-align: top
2亚脆、img{display: block;}
3、font-size: 0 傻逼采用
inline-block 元素對不齊 ——無解 —— 用 flex 或 float
inline-block 有空隙 ——用 flex 或 float
