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