如何实现多行文字垂直居中

CSS中的vertical-align属性只会对拥有valign特性的(X)HTML标签起作用，但是在CSS中还有一个display属性能够模拟<table>，所以我们可以使用这个属性来让<div>模拟<table>就可以使用vertical-align了。注意，display:table和display:table-cell的使用方法，前者必须设置在父元素上，后者必须设置在子元素上；

附效果图：

html代码：

<table class="way_list">  　　<tr>  　　  <td>XXXX</td>        <td>XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX</td>        <td>＋5</td>  　　</tr>  </table>

css代码：

.way_list{  height: auto;  width: 100%;  font-size: .24rem;  font-family: heijian;  vertical-align:middle;}.way_list tr{  display:table-cell;  height: .95rem;  background: #f5f5f5;  margin-top: .12rem;}.way_list tr td{  display:table-cell;  vertical-align:middle;  width: 33%;  text-align: center;}