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{&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;display:flex;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;justify-content:&nbsp;center;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;align-items:&nbsp;center;&nbsp; }

Answer 2

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