文本內容無論有多少始終能垂直居中：

html文件：

<div  class = "parent">

        <div class = "left"></div>

       <div class = "right">

               <div class = "son">

                       <div class="content">一行我要垂直居中，兩行三行我也要垂直居中</div>

               </div>

      </div>

</div>

css文件：

.right{

width:100%;

height:2rem;

}

.son｛

width:100%;

height:2rem;

display: table;

｛

.content｛

width:100%;

height:2rem;

display: table-cell;

vertical-align: middle;

word-wrap: break-word;

word-break: break-all;

｝