怎么水平垂直对齐多行文本？

Question

给P标签加上line-height 一行文本可以对齐，但是多行的话就不行了，这个怎么解决？不要添加额外的标签，由于兼容IE8，只能用css了<div class="dv">  <p>123</p>  <p>123</p>  <p>123</p></div> <style>    .dv{        width: 500px;        height: 200px;        background-color: pink;        margin: 0 auto;    }    p{        line-height: 200px;     }</style>

Answer 1

转化为块状行内元素（display:inline-block），然后使用vertical-align:middle;

Answer 2

.dv {

  width: 500px;

  height: 200px;

  background-color: pink;

  margin: 0 auto;

  display: table-cell;

  vertical-align: middle;

}

p {

  //line-height: 200px;

  

  vertical-align: middle;

}