div布局中常见的居中垂直css样式

首先在css样式表中先写上 *{margin:0; padding:0;}，解决了大部分问题

1、div层水平居中

只要在你所需要居中的层css样式加上 “margin:auto”即可；有介绍“margin:0 auto”或者“margin-left:auto; margin-right:auto;”其实一个意思。

2、div层内文字水平居中

层内css样式加上text-align:center;

3、div层内单行文字垂直居中

文字在层中垂直居中vertical-align 属性是做不到的。有人推荐了比较巧妙的方法就是:设置height的高度与line-height的高度相同!

但ie和火狐的解析一个向上偏移2px一个向下偏移2px，在层height比较大的时候，可以忽略，但在height比较小的时候，这是很明显的。

一个可行的方法就是设置padding-top和line-height结合，当然两者加起来不要超过height值，避免在ie6下变形，当然你也可以overflow避免。

4、div层中的多行文字

这个好办，只要设置好padding，一切ok

5、div层内图片，input垂直对齐

一个最简单的办法就是把他们都声明为块 “display:block”。注：你若设置为float:left或float:right，就默认为块级了，无需另外声明块。

参考文章：[url]http://www.chengying.info/webgame_b.php/pid_24.html[/url]