JS 变量居中 margin的应用

白沙王

于 2023-06-11 12:37:45 发布

阅读量90

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_50784508/article/details/131152190

版权

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>

    <script>
        onload = function () {
            var div1 = document.getElementById('div1');
            //div1变量居中距离顶部0像素
            div1.style.margin = '0px auto';
        }
    </script>
</head>
<body>
    <!--div的id名，长度、高度、边框像素，边框颜色-->
    <div id="div1" style="width:100px;height:100px; border:10px solid red; " >
        123
    </div>
</body>
</html>