总览

div 垂直水平居中

可以参考我整理的前端技术-css 篇

BFC.IFC.EEF.GFC

BFC

其实块级格式化上下文
创建：
1.html 根元素
2.float 浮动
3.overflow 不为 visiable 4.绝对定位
5.display 是弹性或者表格布局

好处就是：
清除浮动。
防止同一层 BFC 容器的相邻元素的外边距重叠。
因为不同的 BFC 样式相互是不会影响的，形成了自己的区块。

IFC

内联格式化上下文
用来水平垂直居中
text-align:center，垂直方向就随便用一个撑起高度，然后 vertical-align:middle 垂直居中

FFC

弹性格式化上下文

GFC

网格格式化上下文
二维表格，可以定义行列的渲染

---

转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论，也可以邮件至 981909093@qq.com