开发笔记:div内容垂直居中的方法

.flex{
/*flex 布局*/
display: flex;
/*实现垂直居中*/
align-items: center;
/*实现水平居中*/
justify-content: center; text-align: justify;
width:200px;
height:200px;
background: #000;
margin:0 auto;
color:#fff;
}