CSS多行文字水平垂直居中

div {
    width: 40px;
    height: 40px;
    text-align:center;
    display: flex;
    display:-webkit-flex; 
    justify-content: center;/*水平居中*/
    align-items: center;/*垂直居中*/
    -webkit-align-items:center; 
}