在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSSHack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素才生效，例如表格元素中的
、 | 、等，而像、 这样的元素是没有valign特性的，因此使用vertical-align对它们不起作用。CSS网页布局DIV水平居中的各种方法一、单行垂直居中如果一个容器中只有一行文字，对它实现居中相对比较简单，我们只需要设置它的实际高度height和所在行的高度line-height相等即可。如：imoker.cn（爱摩客）提供的代码片段：div{height:25px;line-height:25px;overflow:hidden;}这段代码很简单，后面使用overflow:hidden的设置是为了防止内容超出容器或者产生自动换行，这样就达不到垂直居中效果了。imoker.cn（爱摩客）提供的代码片段：单行文字实现垂直居中body{font-size:12px;font-family:tahoma;}div{height:25px;line-height:25px;border:1pxsolid#FF0099;background-color:#FFCCFF;}现在我们要使这段文字垂直居中显示！ | 
