admin管理员组

文章数量:1611397

不bb，直接上代码

<!DOCTYPE html>

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src='c.js'></script>
    <style>
        body,ul,li,p{
            margin:0;
            padding:0;
        }
        div{
            width:200px;
            height:200px;
            border:1px solid black;
            position:relative;
        }
        p{
            width:100px;
            height:100px;
            background: green;
            position:absolute;
            left:0;
            bottom:0;
            top:0;
            right:0;
            margin:auto;
        }
    </style>
</head>
<body>
    <div class='a1'>
        <p></p>
    </div>
    
</body>

</html>

     把子元素P设置为绝对定位，left,bottom,top,right都设置为0，然后设置margin：auto。

注意：相对于哪个祖先元素居中，就在哪个元素写上相对定位。

本文标签： 元素Position

版权声明：本文标题：position怎么使元素居中 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/dianzi/1728605975a1165458.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。