IFC

FC(Inline Formatting Contexts)直译为"内联格式化上下文",IFC的line box(线框)高度由其包含行内元素中最高的实际高度计算而来(不受到竖直方向的padding/margin影响)
IFC中的line box一般左右都贴紧整个IFC,但是会因为float元素而扰乱。float元素会位于IFC与与line box之间,使得line box宽度缩短。
同个ifc下的多个line box高度会不同。
IFC中时不可能有块级元素的,当插入块级元素时(如p中插入div)会产生两个匿名块与div分隔开,即产生两个IFC,每个IFC对外表现为块级元素,与div垂直排列。
那么IFC一般有什么用呢?
水平居中:当一个块要在环境中水平居中时,设置其为inline-block则会在外层产生IFC,通过text-align则可以使其水平居中。
垂直居中:创建一个IFC,用其中一个元素撑开父元素的高度,然后设置其vertical-align:middle,其他行内元素则可以在此父元素下垂直居中。

时间: 2025-01-01 21:15:34

IFC的相关文章

BFC与IFC

BFC与IFC 在我们做的网页上通常最重要的其中一点就是美观度,bfc他是一个块级格式化上下文,它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干. 因为我现在天天在做网页了,之前没怎么关注bfc与ifc原理,以至于我做出来的网页有点偏差.所以要深刻学习以下知识. bfc:指它里面的子元素不会影响到外面的元素加上一个overflow:hilden该元素的子元素是一个bfc下面只要触发的是个bfc那么它

IFC和bfc的知识点。

IFC(IFC(inline formatting context),即?内格式化上下?,,?平?向上的margin,border和padding在框之间得到 保留.框在垂直?向上可以以不同的?式对?:它们的顶部或底部对?,或根据其中?字的基线对?.包含那些框的 ??形区域,会形成??,叫做?框(line box).?个?框的宽度由包含它的元素的宽度和包含它的元素??有没有float 元素来决定,?度的确定由??度计算规则决定.?框的?度?以包含他的内部容器,也可能?它包含的容器们都?(?如 在

css中的bfc和ifc

bfc 定义:块级格式化上下文,他是一个独立的渲染区域,他规定了这个内部如何布局,并且与这个区域的外部毫不相干. BFC布局规则: 内部的Box会在垂直方向,一个接一个地放置. Box垂直方向的距离由margin决定.属于同一个BFC的两个相邻Box的margin会发生重叠 每个元素的margin box的左边, 与包含块border box的左边相接触(对于从左往右的格式化,否则相反).即使存在浮动也是如此. BFC的区域不会与float box重叠,常用来清除浮动和布局. BFC就是页面上的

css IFC 与 BFC分析

在我们做的网页上通常最重要的其中一点就是美观度,bfc他是一个块级格式化上下文,它是一个独立的渲染区域,只有Block-level box参与, 它规定了内部的Block-level Box如何布局,并且与这个区域外部毫不相干. 因为我现在天天在做网页了,之前没怎么关注bfc与ifc原理,以至于我做出来的网页有点偏差.所以要深刻学习以下知识. bfc:指它里面的子元素不会影响到外面的元素加上一个overflow:hilden该元素的子元素是一个bfc下面只要触发的是个bfc那么它对外面都没有影响

浅谈BFC和IFC

先说说FC,FC的含义就是Fomatting Context.它是CSS2.1规范中的一个概念.它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用.BFC和IFC都是常见的FC.分别叫做Block Fomatting Context 和Inline Formatting Context. BFC BFC(Block Formatting Context)叫做"块级格式化上下文".BFC的布局规则如下: 1.内部的盒子会在垂直方向,一

关于BFC以及IFC

BFC就是用来格式化块级盒子,同样管理inline类型的盒子还有IFC,以及其他的FC. 1. 首先我们要知道什么是FC Formatting context 是 W3C CSS2.1 规范中的一个概念.它是页面中的一块渲染区域,并且有一套渲染规则,它决定了其子元素将如何定位,以及和其他元素的关系和相互作用.最常见的 Formatting context 有 Block fomatting context (简称BFC)和 Inline formatting context (简称IFC). C

四川外国语大学IFC国际本科预科招生简章

1.项目介绍为了适应中国学生赴海外留学需求,美国东西方国际教育基金会与四川外国语大学国际教育学院共同推出的 IFC(International Foundation Certificate)国际预科课程.目前已有英国.美国.澳洲.加拿大.荷兰.爱尔兰.新西兰7个国家近100所海外院校认可该课程.中国学生通过在 国内一年IFC课程的学习,成绩合格可以直接出国就读海外名校大学课程.并有300多个热门专业供选择,是目前国内最便捷的海外名校留学直通车.2.课程设置 学 期 时 间 课 程 设 置 第一学

IFC数据模式架构的四个概念层详解说明

IFC模型体系结构由四个层次构成,从下到上依次是 资源层(Resource Layer).核心层(Core Layer).交互层(Interoperability Layer).领域层(Domain Layer).每层中都包含一系列的信息描述模块,并且遵守一个规则:每个层次只能引用同层次和下层的信息资源,而不能引用上层的资源,当上层资源发生变动时,下层是不会受到影响的. ①资源层IFC体系架构中的最低层,能为其他层所引用.主要是描述标准中用到的基本信息,不针对具体的行业本身,是无整体结构的分散信

IFC文档结构说明

工业基础类为代表的建筑信息BIM数据交换和共享在一个建筑或设施管理项目各参与者之间的开放规范的建模.IFC是国际openbim标准.本文件包含的IFC标准的规范.该规范包括的数据架构,表示为一个表达模式规范,并交替作为一个XML架构规范,和参考数据,表示为XML定义的属性和数量定义.一个一致的软件应用程序需要支持一个定义良好的子集的数据模式和引用的数据.的子集,它被称为一个模型视图定义MVD.一个特定的模型视图定义的定义,以支持一个或多个公认的工作流程,在建筑施工和设施管理行业.每个工作流标识符