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。