利用 position
.container{
position: absolute;
left: 50%;top: 50%;
margin-left: -50%width;
margin-top: -50%height;
}
.container{
left 50% top 50% transform translate -50% -50%
}
利用 flex
.container{
display: flex;
justify-content: center;
align-items: center;
}
.parent{
display:flex;
}
.container{
margin: auto;
}
利用Grid
.container {
display: grid;
justify-items:center
align-items: center;
}