Css3/Flex 水平居中&&垂直居中、等宽度自适应居中

一：独立居中:

场景： 独立区域设置水平、垂直居中

实现： flex 配合子元素margin || 直接使用flex 主轴、交叉轴居中

二：列表居中

场景： 列表排列，列数为偶数最佳，方便计算宽度百分比。元素宽度随父容器宽度，自动计算。

实现： 使用百分比设置元素宽度，如需设置水平外边距时，使用百分比，其数值应该加上元素宽度。 （19%+2*0.5%）*4 = 100%。