9.1 IFC定义
IFC:Inline Formatting Context,行内格式化上下文。
IFC定义:流式布局内部,多个连续的inline-level元素属于同一个IFC。inline-level(行内级别)元素指display-outside: inline的元素,display具体值:inline、inline-block、inline-table等。多个连续的inline-level元素,块容器block container在内部为它们创建一个IFC逻辑对象。
<body>
<div>
<span>小步教程</span>
<span>xiaobuteach.com</span>
</div>
<div>
<span>xiaobuteach.com</span>
<span>小步教程</span>
<span>xiaobuteach.com</span>
</div>
</body>
第1个div内的2个span属于同一个IFC,记作IFC-1;第2个div内的3个span属于一个新的IFC,记作IFC-2。