IFC(inline formatting content)

IFC是BFC的兄弟

1. font-size 定义的是（em-square）活字印刷模子的高度
2. line-height 决定内联元素的实际占地高度，内联元素自动居中 字体设计师推荐的
3. 为什么两种字体同样都是line-height：100px； 100px -> 103px：内联元素和内联元素默认用字体的baseline对齐，两种字体的baseline是错开的
4. vertical-align不靠谱的属性，都是和字体有关的
   vertical-align: top;实际可占用面积顶端与父元素的默认字体对齐
   vertical-align: middle;实际位置对齐，不是字体居中对齐
   bottom text-top text-bottom
5. 图片下面有空隙：img是内联元素，默认和父元素默认字体的baseline对齐
   怎么解决：
   1. vertical-align: top、middle或其他
   2. img{display: block;}
   3. font-size: 0 傻逼采用
6. inline-block 元素对不齐 ——无解 —— 用 flex 或 float
7. inline-block 之间有空隙 ——用 flex 或 float