Question

想让一个div竖直居中在网页中央，怎么做呢

想让一个div竖直居中在网页中央，怎么做呢。按照别人说的margin：0 auto；根本不行啊

Answer 1

1、举例：

2、

写一个div，并且设置class名为aa，赋予它css属性：

width:0;height:0;position:fixed;left:50%;rigth:50%;top:50%;bottom:50%;

3、

在.aa中放置一个div，并且设置class名为aaa，赋予它必要的css属性：

width:600px;height:220px;margin-left:-300px;margin-top:-110px

（这里的各个属性根据需要自己设定；总之margin-left要为width一半的负值；margin-top要为height一半的负值）

这个div就是你要放内容的层

4、

继续设置.aaa的css属性：

background-color:#666;color:#fff;font-size:40px;font-family:"Comic Sans MS", cursive;text-align:center;line-height:220px

（要让文字垂直居中只要设置line-height值为：这个层的height减去padding除以文字的行数所得数值）

追问

谢谢高手，我试试您的方法看。主要是要把div竖直搞在页面正中，里面的文字方位都是无妨。

追答

文字在div里面不影响这个