css 文字如何居中？

Question

文字是自动换行过来的，用了text-algin 和vertical-align都不行，不使用display：table-cell，还有什么办法吗 .cell {        float: left;        width: 40px;        -webkit-box-sizing: border-box;        box-sizing: border-box;        overflow: hidden;        text-overflow: ellipsis;        white-space: normal;        word-break: break-all;        line-height: 23px;        padding-left: 10px;        padding-right: 10px;        height: 120px;        text-align: center;    }<div class="cell">王某某</div><div class="cell">王某某王某某王某某王某某</div>

Answer 1

这个用flex布局就比较简单了。

.xxx{   
    display:flex;   
    justify-content: center;   
    align-items: center; 
}

Answer 2

flex布局
display:flex;
align-items: center;