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 @   海胆Sur  阅读(2)  评论(0)  编辑  收藏  举报  
相关博文：
·  CSS BFC 块级格式化上下文 块级渲染区域
·  CSS 文档流 格式化上下文
·  BFC、IFC是什么
·  CSS中的BFC、IFC、GFC、FFC
·  CSS中的各种格式化上下文-FC（BFC、IFC、GFC、FFC）
阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 单元测试从入门到精通
· winform 绘制太阳，地球，月球 运作规律
· 上周热点回顾（3.3-3.9）
点击右上角即可分享
微信分享提示
AI IDE Trae