讓子元素在父元素中水平居中align-items

做案例中，我們會發現讓子元素在父元素中垂直居中，要設置margin和padding等，各種設置才能垂直居中 現在可以使用CSS3中的align-items實現 align-items  定義子元素在父元素交叉軸上如何對齊的，大多數不理解交叉軸是什麼，下面舉例來說明，不多說直接上代碼  現在是這樣顯示的，我需要讓子元素在父元素中垂直居中   1需要給父元素加display：flex;（不明白的可以先

>>阅读原文<<