个人建议使用flex布局更方便
水平居中
- inline元素:text-align:center;
- block元素:margin:auto;
- absolute元素:left:50%+margin-left(取宽度的一半值)负值
垂直居中
- inline元素:line-height的值等于height值
- absolute元素:top:50%+margin-top(取高度的一半值)负值
- absolute元素:transform(-50%,-50%)
- absolute元素:top,bottom,left,right=0;margin:auto;