垂直居中：
行内元素：不可以设置宽高，由内容决定、共享一行
（子元素）行内元素：1.（1）子绝父相（2）子设置top、bottom：0（3）子设置margin：auto
2.给父级设置line-hight：父高
3.（1）子绝父相（2）子设置top、bottom：calc（50%-子高一半）
绝对定位后，子元素（行内样式）可以设置宽高
4.（1）子绝父相（2）子设置top、bottom：50%（3）子设置：margin-top、margin- bottom：- 子高一半
5.（1）子绝父相（2）子设置top、left：50%（2）子设置：transform: translate( - 50%, - 50%);：垂直左右都居中
6.（1）父元素：disable：flex（2）父元素：align-items：center
父元素设置flex之后，子元素（行内样式）可以设置宽高
块级元素：（6）（5）（4）（3）（2：不行）（1：不行）
水平居中：
行内元素：不可以设置宽高，由内容决定、共享一行
（子元素）行内元素：1.父添加：text-align：center
2.(1)子绝父相（2）子设置：left、right：0（2）子设置：margin：auto
3.（1）子绝父相（2）子设置：right、left：calc（50%-子宽一半）
4.（1）子绝父相（2）子元素：right、left：50%（3）margin-left、margin-right：- 子元素宽一半
5.（1）父元素：display：flex（2）父元素：justify-content：center
块级元素：1.子添加：margin：0 auto
2.子添加：margin：auto
（1：不行） （2）（3）（4）（5）
