下面是一些常用的能實現居中的方法
水平居中：
1.左右margin為auto。（常規流塊盒、彈性盒子不用定寬）；
2.彈性盒子設置justify-content:center；讓彈性項目在主軸上居中；
3.父元素設置text-align：center；讓其內部的文本居中；
4.相對定位元素，margin-left：50%；transform：translateX（50%）；
垂直居中：
1.單行文本垂直居中，設置父元素line-height為包含塊高度；
2.彈性盒設置align-items：center，讓彈性盒子在側軸上居中；
3.相對定位元素，top：50%；transform:translateY(50%);