<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. inlineblock化，

2. 增加輔助元素寬度為0，高度百分百

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