在说到这个问题的时候，也许有人会问

CSS

中不是有

vertical-align

属性来设置垂直居中的

吗？即使是某些浏览器不支持我只需做少许的

CSS Hack

技术就可以啊！所以在这里我还要

啰嗦两句，

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

（爱摩客）提供的代码片段：