flex佈局水平垂直居中（逆戰班）

排列方式爲行（主軸爲水平方向，側軸爲垂直方向） 1、給父元素添加彈性佈局 display: flex; 2、給父元素添加 justify-content 屬性 （水平居中） justify-content 屬性決定了主軸方向上子項的對齊和分佈方式 3、給父元素添加 align-items 屬性（垂直居中） align-items : 每一行中的子元素上下對齊方式 排列方式爲列（主軸爲垂直方向，側軸

>>阅读原文<<