div居中布局

利用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>

居中效果

 

posted @ 2015-05-05 16:09  adtxgc  阅读(163)  评论(0编辑  收藏  举报