IFC(Inline Formatting Context)翻译为“内联格式化上下文”。

font-size 是指 em-square。它规定字体的【模板】的高度和宽度,而不是字体本身的高度和宽度。

line-height 是指实际占地高度。但一行文字有不同的字体会导致实际的 line-height 会有不符合预期的变化。

vertical-align 的作用并不大。对不对齐靠运气。vertical-align: top; 在某些情况下有奇效。

div 里的 img 下面有空隙的话,可以采用 vertical-align 的几个常见值(例如 top, middle)都可以去除空隙。

div 里的 img 下面有空隙的话,img{display: block;} 也可以解决问题,但有潜在 Bug。但是不要采用 font-size: 0;

inline-block 元素对不齐或者有空隙可以用 flex 或 float。