IFC

作者: 小白的踩坑日常 | 来源:发表于2020-06-08 13:44 被阅读0次

bfc和ifc:
B是Block,I是inline,F [Formatting] C [context]。一句话概括就是格式化上下文一个是块级,一个是行级。

行内元素的对齐方式,默认是baseline对其

inline元素的baseline,为内容盒content-box里面文本框的基线。
inline-block的外边缘就是margin-box的外边缘,
如果inline-block内部有内容,则baseline为内容最下方的baseline,参照刚才给出的例子。
如果Inline-block内部无内容,则baseline与margin-box的下边缘重合。
如果overflow属性不为visible(默认),则baseline与margin-box的下边缘重合。

————————————————
版权声明:本文为CSDN博主「Run_youngman」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/run_youngman/article/details/79343911

相关文章

  • css之BFC IFC GFC FFC

    BFC 网上介绍比较多,晚点写 IFC IFC(Inline Formatting Contexts)直译为"内联...

  • stata条件函数

    cond(ifc, a, b):条件 ifc 为真时,返回 a, 否则返回 b inrange(x, a, b):...

  • CSS进阶05-行内格式上下文IFC

    1. IFC与line box IFC的英文全称是:Inline Formatting Contexts,直译为“...

  • IFC

    font-sizeem-square line-height实际占地高度 100px100px->103px ve...

  • IFC

    bfc和ifc:B是Block,I是inline,F [Formatting] C [context]。一句话概括...

  • 前端面试基础题

    BFC、IFC、GFC、FFC CSS2.1中只有BFC和IFC, CSS3中才有GFC和FFC。 到底什么是BF...

  • BFC / IFC

    BFC(Block Formatting Context)块级格式化上下文 定义:一个块格式化上下文 ( BFC ...

  • BFC,IFC

    一.BFC 1. 先说说FC,FC的含义就是Fomatting Context。它是CSS2.1规范中的一个概念。...

  • IFC相关

    字体相关 font-size:指em-square (每个字符都放置在其空间容器内。在传统的金属字模中,这个容器就...

  • BFC IFC

    每个块级盒子都会参与块格式化上下文(block formatting context)的创建 行内级元素会生成行内...

网友评论

      本文标题:IFC

      本文链接:https://www.haomeiwen.com/subject/gxoltktx.html