div居中布局

利用margin属性可以实现div居中布局,把div的左边距和右边距设置为auto即可,代码如下

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>居中测试</title>
    </head>
    <body>
        <div style="margin:0 auto;70%;height:200px;background-color:#b0e0e6;">
        </div>
    </body>
</html>

居中效果

原文地址:https://www.cnblogs.com/adtxgc/p/4479419.html