居中方式

盒子居中

水平中间：

• margin : 0 auto
• justify-content : center

垂直中间：

• display：inline-block vertical-align:middle （vertical-align 对齐的方法是寻找兄弟元素中最高的元素作为参考）兄弟元素可替换成伪元素：：before
• 绝对定位 + 平移 transform（50%），性能比使用 margin 好（属于合成属性，不发生重排）
• flex：align-items