让 div 水平并垂直居中（方法 1~6）中
作者：互联网
<style>.
方法四
box4{
width: 300px;
height: 300px;
border: 2px solid green;
/* background-color: pink; */
/* margin: 100px auto; */
/* 相对定位 */
position: relative;
/* 第四种（flexbox） */
display: flex;
/* 主轴方向对齐方式 */
justify-content: center;
/* 交叉轴方向对齐方式 */
align-items: center; }
.box4>div{
width: 100px;
height: 100px;
background-color: pink; }
</style>
<div class="box4"><div>方法4</div></div>
标签：居中,pink,color,100px,300px,height,垂直,width,div 来源： https://blog.csdn.net/APLL_/article/details/123240025