CSS实现多行文字垂直居中

多行文字垂直居中显示：

HTML

<div>

<span>xxxxxxxxxxxxxxx</span>

</div>

CSS

div{

display:table-cell;

width:200px;

height:100px;

border:1px solid red;

vertical-align:middle;

word-break:break-all;

}

div span{

display:inline-block;

vertical-align:middle;

}

以上代码便可实现在不确定文字行数的情况下永远保持垂直居中状态