多个div如何水平垂直居中

多个div如何水平垂直居中 

 

在它们的 父级div 上写入 如下 css

-webkit-display: flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center;