IFC相关

字体相关

font-size：指em-square （每个字符都放置在其空间容器内。在传统的金属字模中，这个容器就是每个字符的实际金属块。字模的高度被称为“em”，起源于大写的字符“M”的宽度；这个字母的比例被做成了方形，因此有了“EM Square”的称呼）

line-height：实际占据高度

IFC是什么

IFC(Inline Formatting Contexts)意为内联格式化上下文

IFC的作用及影响

1.上下间距不生效可以使用IFC，子元素只会计算横向样式空间，垂直方向样式空间不会被计算
2.内联元素水平居中
3.内联元素垂直居中
4.内联元素以基线对齐，出现图片下面有空隙。

1.verticle-align:top
2.img{display:block}
3.font-size:0 //不建议使用

5.内联元素对不齐，可以用flex或者float
6.内联元素有空隙，可以用flex或者float