CSS(八)——子元素在父元素居中问题子元素想要在父元素中居中显示分两步第一步设置在子元素的margin第二部设置父元素

子元素想要在父元素中居中显示分两步

第一步设置在子元素的margin
第二部设置父元素的text-align

   <title>居中</title>
    <style>
        #parent{
            width: 100%;
            height: 100px;
            background: pink;
            text-align: center;
        }
        #child{
            width: 100px;
            height: 100px;
            margin: 0 auto;
            background: aqua;
        }

    </style>
</head>
<body>
    <div id="parent">
        <!-- <span>Et Aiors</span>
        <p>123456789</p> -->
        <div id="child"></div>
    </div>
</body>

效果如下