CSS中元素各种居中方法（思维导图）

前言

用思维导图的方式简单总结一下各种元素的居中方法，如下图：

补充一下：

1. table自带功能
   

2. 100% 高度的 afrer before 加上 inline block
   优化
   

3. div 装成 table
   

4. margin-top -50%
   

5. translate -50%
   

6. absolute margin auto
   

7. flex