水平居中和垂直居中
分为行内元素、块级元素。
1、行内元素， 设置宽高无效、对margin设置左右有效，上下无效；padding都有效 不会自动换行
给其父元素设置text-align:center,就可以实现行内元素水平居中
line-height: 配合使用设置父元素高度，垂直居中
2、块级元素， 设置宽高有效 对margin.padding都有效 自动换行
①定位水平垂直居中
给其元素设置margin:auto,就可以实现水平居中
同时也可以用定位的方法来实现垂直水平居中
②fiex 水平垂直居中