div设计中的文字垂直居中的方法

CSS中怎样设置才能使对象中的文字垂直居中于对象，这个问题也是捆扰很多朋友的难题。现在网上的很多代码都做不到浏览器兼容。我把网上有关的方法整理了一下，做了些改动，完全可以兼容各主流浏览器。

下面具体说一下在不同情况下垂直居中的方法。

一、一行文字垂直居中

看一下下面的代码：

Code

html

方法：line-height:20px。设置相同的行高和对象高度。

说明：这种设置简单又兼容各种浏览器，支持内联对象。但如果是固定高度的对象，只能显示一行。当有两行文字时，如果不设置“overflow:hidden”会把对象撑开。

二、多行文字，且高度自适应

请看下面的代码：