两种DIV水平居中的方法

      DIV水平居中的方法有很多，介绍两种比较常见的。

      第一种，设置左右MARGIN为AUTO：

        body {
            text-align:center;
        }
        .center {
            margin:0 auto;
            background-color:#ccc;
         } 

 

 

         第二种，利用绝对定位及负的MARGIN：

         .center {
              position:absolute;
              left:50%;
              margin-left:-300px;
              background-color:#ccc;
              width:600px;
           }

 

版权声明：本文为icescut原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/icescut/archive/2010/04/20/horizontalcenter.html