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，因为基线对齐可能会造成很多对不齐的问题
BFC 网上介绍比较多,晚点写 IFC IFC(Inline Formatting Contexts)直译为"内联...
cond(ifc, a, b)：条件 ifc 为真时，返回 a, 否则返回 b inrange(x, a, b)：...
1. IFC与line box IFC的英文全称是：Inline Formatting Contexts，直译为“...
font-sizeem-square line-height实际占地高度 100px100px->103px ve...
bfc和ifc：B是Block,I是inline,F [Formatting] C [context]。一句话概括...
BFC、IFC、GFC、FFC CSS2.1中只有BFC和IFC, CSS3中才有GFC和FFC。 到底什么是BF...
BFC（Block Formatting Context）块级格式化上下文 定义：一个块格式化上下文 ( BFC ...
一.BFC 1. 先说说FC，FC的含义就是Fomatting Context。它是CSS2.1规范中的一个概念。...
字体相关 font-size：指em-square （每个字符都放置在其空间容器内。在传统的金属字模中，这个容器就...
每个块级盒子都会参与块格式化上下文（block formatting context）的创建 行内级元素会生成行内...
本文标题：IFC
本文链接：https://www.haomeiwen.com/subject/ergwpftx.html
网友评论