利用margin属性可以实现div居中布局，把div的左边距和右边距设置为auto即可，代码如下
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>居中测试</title> </head> <body> <div style="margin:0 auto;width:70%;height:200px;background-color:#b0e0e6;"> </div> </body> </html>
居中效果
原文：http://www.cnblogs.com/adtxgc/p/4479419.html