盒子在其包含快中居中

一、水平居中

1.行盒或者行块盒居中

设置父元素快盒 为text-align：center 里面的行盒或者行块盒就会水平居中。

2.块盒水平居中

快盒定宽，左右margin设置为auto就可以。

3.浮动元素水平居中（目前只能通过margin-left调整。其他暂时没有什么好方法）

4.绝对定位水平居中

定宽 left：0 right：0  左右margin为auto  

5.固定定位水平居中和绝对定位的用法一样，只是他们的包含快不一样。

二、垂直居中

1.单行文本垂直居中（line-height：height）

2.多行文本垂直居中（如果文本不在套一层盒子，是没办法做到的，所以想解决多行文本垂直居中可以在文本外侧再套一层盒子，利用绝对定位等方法去实现）

3.绝对定位垂直居中

定高，设置bottom：0 top:0 上下margin为auto

4.固定定位的垂直居中

和绝对定位垂直居中一样

5.行盒或者快盒垂直居中

只能用绝对定位，然后定高 间接垂直居中。或者结合tranlate 也可以用弹性盒模型（此方法最简单）