CSS IFC 行内格式化上下文

MDN IFC
可视其为 段落的上下文

元素边距将不适用。(与书写模式有关)

特性

  1. 垂直方向(与书写模式有关)的 padding、margin 无效
  2. 一个水平行(书写模式)中的所有 行内元素 组成一个矩形区域行内框(line box)
  3. 行内框 的高度始终容下所有的行内元素 ,即 其高度只与line-height行高有关
  4. 如果行内方向上还有额外空间,则 text-align 可用于设置 各行内元素 在行内框中对齐方式。
  5. 当行内方向上没有剩余空间时,将会创建新行。在新的 line box 中重新排布元素(截断处不应用 padding 和 margin 值)
  6. 一个行内框(inline box)被分割到多行中时,margins, borders, 以及 padding 的设定均不会在断裂处生效
  7. 如果同一个 BFC 中存在一个 float,则这个浮动元素将导致包裹了它的各行内框变短。(避开浮动元素)
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值