Inline Formatting Context行内上下文
触发元素与子元素之间的相互影响
- 子元素水平排列
- 子元素(如
<span>,<a>)的margin-top和margin-bottom不会撑开行框的高度,高度主要由内部元素的line-height和font-size决定。 - 子元素在水平方向上受
text-align属性控制(left, center, right, justify)。
触发元素与兄弟元素之间的相互影响
- 如果兄弟元素为浮动元素,那么触发元素里面的字内容会环绕着兄弟元素
- IFC 容器本身通常是一个块级容器,它与其兄弟元素的关系遵循块级布局规则。
触发规则
- 自动触发:一个块级元素