2017-08-01读书笔记(ifc简单记录)

今天继续学习*fc,先看昨天提到的同样是css2的ifc。

参考文章是这篇 Visual-formatting-model block-formatting

这个文档是全英文的,大家可以只看Inline formatting contexts这一部分。

ifc没什么特别的重点,也不像bfc会有一些有趣的现象,就连网上的资料都比bfc少很多,以下就记录了一些大概的重点。

  1. line box的宽度由浮动情况和它的包含块决定。line box的高度由line-height的计算结果决定。

  2. 当几个行内级盒子在一个单独的line box内不能很好的水平放置,则他们被分配成了2个或者更多的垂直重叠的line boxs。(话说这个稍微有点没看懂)

  3. 当一个行内盒子超过了line box的宽度,则它被分割成几个盒子并且这些盒子被分配成几个横穿过的line boxs。如果一个行内盒子不能被分割。则行内盒子溢出line box。(这边的话就需要使用一些word-break:break-all等属性来强行换行)

这上面大概就是所有的重点了。。然后,我们看一篇集合版。

css3之BFC、IFC、GFC和FFC

这篇文章则纯粹是总结。相当总结了。。

我也就不抄了,自己看一下就好。

明天开始研究webpack。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • 先前在学习CSS float时,有同学提到了BFC这个词,作为求知好问的好学生,哪里不懂查哪里,那么今天就来研究一...
    这名字真不对阅读 11,583评论 3 19
  • 概念 Formatting context Formatting context 是 W3C CSS2.1 规范中...
    wonderwander阅读 4,155评论 0 1
  • 以下文章是我在网上收集的内容,为了记录自己的学习以及为了以后不到处找而记录下来,如果对你有用,请感谢写这些文章的前...
    DCbryant阅读 4,479评论 0 2
  • 1:前后端分离的项目政企沙箱项目是一个前后端分离的项目:在开发开始的时候,首先需要出流程图,这样不仅仅让本身开发对...
    吴高亮阅读 2,571评论 0 1