- 块级元素实现水平居中利用margin:0 auto来实现，通常该块级元素要指定宽度；
- 行内元素实现的方式是text-align:center；
- 经常用到的一个方法：absolute+left:50%+transformX(-50%)
（利用绝对定位使元素top:50%; left:50%，这是以左上角为原点定位，所以实现的是左上角为原点居中，因为元素自身有一定的高度和宽度，所以元素本身并不居中。
transform：translate(-50%，-50%):向上（X轴）向左（Y轴）移动自身长宽的50%，使元素位于中心。）
注意：需要居中的元素应为绝对定位（position: absolute;）
- 最后还有一种flex布局，项目的盒子给定flex属性，项目元素flex-item则需要给定justify-content:center，使其沿着弹性容器的主轴线（main axis）居中对齐