IFC相关

作者: 小鸡咯咯哒 | 来源:发表于2020-11-04 16:46 被阅读0次

字体相关

font-size:指em-square (每个字符都放置在其空间容器内。在传统的金属字模中,这个容器就是每个字符的实际金属块。字模的高度被称为“em”,起源于大写的字符“M”的宽度;这个字母的比例被做成了方形,因此有了“EM Square”的称呼)

line-height:实际占据高度

IFC是什么

IFC(Inline Formatting Contexts)意为内联格式化上下文

IFC的作用及影响

1.上下间距不生效可以使用IFC,子元素只会计算横向样式空间,垂直方向样式空间不会被计算
2.内联元素水平居中
3.内联元素垂直居中
4.内联元素以基线对齐,出现图片下面有空隙。

1.verticle-align:top
2.img{display:block}
3.font-size:0 //不建议使用

5.内联元素对不齐,可以用flex或者float
6.内联元素有空隙,可以用flex或者float

相关文章

  • IFC相关

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

  • 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规范中的一个概念。...

  • BFC IFC

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

网友评论

      本文标题:IFC相关

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