包含块、块级元素、块元素等等

2019-01-06 本文已影响0人黄先森11212

包含块

一个元素，它的框的尺寸和位置会相对于一个特定的矩形框边缘来计算而得到，这个特定的矩形框称之为该元素的包含块
即：一个元素渲染时所依据的另一个框

display：block, list-item, table, flex, grid 值都可以将一个元素设置成块级元素

块元素是 display 属性值为 block 的元素

块级元素都会生成一个主要的块级框来包含其子框和生成的内容，同时任何定位方式都会与这个主要的块级框有关

一个块容器框要么只包含块级框，要么创建一个IFC而只包含行内级框
块级框需要能够包含其生成的内容，但块容器框并不需要

是块容器的块级框

块级框、块框、块容器框

display：inline, inline-table, inline-block, inline-flex, inline-grid 值都可以将一个元素设置成行内级元素

是 display 属性值为 inline 的元素

匿名框 包括 匿名块框 和 匿名行内框

参考：视觉格式化模型中的各种框