个回答

• 钰__

  2017-08-13 21:02:48

  <p class="box"><span>多行垂直居中<br>多行垂直居中<br>多行垂直居中<br>多行垂直居中</span><i></i></p>

  .box {height:200px;background: #aaa;}
  .box span {display: inline-block;vertical-align: middle;}
  .box i {display: inline-block;height:100%;vertical-align: middle;}

  
  

  1

• 刚仔

  2015-12-15 11:09:00

  1. inlineblock化，

  2. 增加辅助元素宽度为0，高度百分百

  3. 辅助的和要居中的元素vertical-align：middle
     

  0