如何让DIV在窗口水平和垂直居中

标签：

1. 本实例以新文档开始

    

   
2. 2

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

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

3. 3

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

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

    

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

    

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

   

   
4. 4

   接下来要加上内容，要做到如下效果

   
5. 5

   继续设置.aaa的css属性：

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

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

   保存后，预览就完成了

如何让DIV在窗口水平和垂直居中

标签：

原文地址：http://www.cnblogs.com/caoyc/p/4289982.html