人生在世，想美好的事情，就会找到快乐，走向成功；想失意的事情，就会走向失望的深渊，无力面对生活和失败。
单行文本居中比较简单，就是将line-height设置成和height一样就可以了，但是对于多行文本，这种方式就行不通了，除了第一行，下面的就都看不到了。 多行文本垂直居中的CSS需要这么设置：
复制代码
代码如下:/*多行居中对齐的方法，width，height必须使用px单位，再配合vertial-align:middle和display:table-cell属性，且div不能浮动*/
.vcenter
{
width: 100px; height: 102px; vertical-align: middle; display: table-cell; overflow: hidden;
}
如果这个div必须浮动，那么可以在里面再嵌套一个div。这种方法有一个问题，就是width和height必须固定，否则无法实现居中。
父div再设置一个display: table的属性。这种方法还有一个问题，就是overflow属性不起作用了，这就是把div设置成table-cell的后果，所以如果要实现overflow：hidden，还需要在里面设置一个div，单独设置overflow：hidden的属性。
以上就是CSS设置多行文本垂直居中的方法。贤从智中取，智从学中求。更多关于CSS设置多行文本垂直居中的方法请关注haodaima.com其它相关文章！
