文本内容不管有多少始终能垂直居中：

2019独角兽企业重金招聘Python工程师标准>>>

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;

｝

 

转载于:https://my.oschina.net/u/2947900/blog/831887