flex弹性盒布局，给父级div设置display:flex,子级元素设置margin: auto;

<style>

.box {
width: 400px
height: 400px

background-color: red;
display: flex;
}

.main {
width: 200px;
height: 200px;
background:pink;

margin: auto;
}