<分区>
这里有一道 CSS 题,如果我们把 margin: auto
放在正常的流中,只有左右边距空间被平均。但是,如果我们将 'margin: auto` 放在一个 flex item 上,这个 item 在水平和垂直方向上都居中,这是为什么呢?
代码如下:
#one {
width:300px;
height:300px;
border:solid 2px black;
margin:auto;
display:flex;
}
#two {
width:100px;
height:100px;
background:red;
margin:auto;
}
<div id = "one">
<div id ="two"></div>
</div>
期待任何输入!