FC(Formatting Context)
它是W3C CSS2.1规范中的一个概念,定义的是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用。
BFC(block formatting context)
直译为“块级格式化上下文”
W3C原文:
整理为中文:
IFC(inline formating context)
直译为“内联格式化上下文”,IFC的line box(线框),高度由其包含行内元素中最高的实际高度计算而来(不受垂直方向的padding/margin影响)。
在行内格式化上下文中,框(boxes)一个接一个地水平排列,起点是包含块的顶部。水平方向上的 margin
,border
和 padding
在框之间得到保留。框在垂直方向上可以以不同的方式对齐:它们的顶部或底部对齐,或根据其中文字的基线对齐。包含那些框的长方形区域,会形成一行,叫做行框。
FFC(flxe formating context)
直译为“自适应格式化上下文”,display值为flex或者inline-flex的元素将会生成自适应容器(flex container)。
GFC(GridLayout formating context)
直译为“网络布局格式化上下文”,当为一个元素设置display值为grid的时候,此元素将会获得一个独立的渲染区域,我们可以通过在网格容器(grid container)上定义网格定义行(grid definition rows)和网格定义列(grid definition columns)属性各在网格项目(grid item)上定义网格行(grid row)和网格列(grid columns)为每一个网格项目(grid item)定义位置和空间。