行内元素居中
水平居中 text-align:center;
垂直居中 line-height=height;
不固定高度垂直居中可以使用paddin;
固定高度垂直居中display:table-cell;vertical-align:middle;
块级元素居中
1、使用绝对定位配合margin 但是必须要固定宽高
2、transform:translate(50%,-50%)
3、margin(0 auto);必须要有固定宽高
4、flex弹性盒布局居中 justify-content:center;align-item:center;