CSS IFC 行内格式化上下文

MDN IFC

特性

  1. 垂直的padding、margin 无效
  2. 行内元素从容器的顶端开始，一个接一个地水平排布
  3. 一个水平行中的所有 行内元素 组成一个矩形区域行内框(line box)
  4. 行内框的高度始终容下所有的行内元素 ，高度只与line-height行高有关
  5. 行内框的宽度受到父容器和浮动元素存在的影响(这就是文本环绕浮动元素)
  6. 当行内框的宽度小于容器，其水平排布就取决于 text-align
  7. 当行内框的宽度大于容器，则截断 line box 并换行。在新的 line box 中重新排布元素(截断处不应用 padding 和 margin 值)
posted @ 2021-07-01 18:30  海胆Sur  阅读(9)  评论(0)    收藏  举报  来源