IFC

font-size 基线

font-size em-square

line-height 实际占地高度

100px 100px -> 103px

vertical top middle bottom text-top text-bottom

图片下面有空隙（图片是inline-block，默认基线baseline对齐）
解决方法
1、vertical-align: top（不要默认的baseline都行）
2、img{display: block;}
3、img{height：100%}
4、font-size: 0 傻逼采用（会造成很多未知bug）

inline-block 元素对不齐 ——无解 —— 用 flex 或 float

inline-block 有空隙 ——用 flex 或 float

总结：布局最好不要用inline-block，因为基线对齐可能会造成很多对不齐的问题