问:什么是IFC?什么是行内级格式化上下文?
七娃博客
21 次
IFC(Inline Formatting Contexts)行内级格式化上下文
行内级格式化上下文用来规定行内级盒子的格式化规则。
IFC 只有在一个块级元素中仅包含内联级别元素时才会生成。
水平居中:当一个块要在环境中水平居中时,设置其为 inline-block 则会在外层产生 IFC,通过设置父容器 text-align:center 则可以使其水平居中。
值得注意的是,设置一个块为 inline-block ,以单个封闭块来参与外部的 IFC,而内部则生成了一个 BFC。
垂直居中:创建一个IFC,用其中一个元素撑开父元素的高度,然后设置其 vertical-align:middle,其他行内元素则可以在此父元素下垂直居中。
觉得文章有用,支持一下作者吧!1分不嫌少,9.9不嫌多!
使用支付宝打赏
使用微信打赏
评论 | 0 条评论
登录之后才可留言,前往登录