盒子/图片水平垂直居中

盒子/图片水平垂直居中：

• flex布局
• 子绝父相定位，左、上距离父元素百分之五十，利用transform移动-50%
• 子绝父相定位，上下左右都为0，margin为auto
• display设置成table-cell，text-align设置成center，verticle-align设置为middle