Html 如何使用flexbox在div内水平和垂直居中放置div?
如何使用flexbox将一个div水平居中并垂直居中放置在另一个div中 Q/A,但太具体了 在flexbox中,将边距设置为自动将自动设置水平轴和垂直轴的边距 HTMLHtml 如何使用flexbox在div内水平和垂直居中放置div?,html,css,layout,flexbox,Html,Css,Layout,Flexbox,如何使用flexbox将一个div水平居中并垂直居中放置在另一个div中 Q/A,但太具体了 在flexbox中,将边距设置为自动将自动设置水平轴和垂直轴的边距 HTML <div class="parent"> <div class="child"> </div> </div> html, body {width:100%;height:100%;} .parent { display: flex; width:
<div class="parent">
<div class="child">
</div>
</div>
html, body {width:100%;height:100%;}
.parent {
display: flex;
width: 100%;
height: 100%;
border: 5px solid red;
}
.child {
width: 100px;
height: 100px;
margin: auto; /* Auto margin for both horizontal and vertical axis */
border: 5px solid blue;
}