CSS中有很多種方法可以讓一個框居中，下面我們就來介紹一下這些方法。

/* 垂直水平居中 */
.container {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* 父元素為flex容器時，子元素水平居中 */
.container {
display: flex;
justify-content: center;
}
/* 父元素為flex容器時，子元素垂直居中 */
.container {
display: flex;
align-items: center;
}
/* 父元素為flex容器時，子元素水平垂直居中 */
.container {
display: flex;
justify-content: center;
align-items: center;
}

以上就是幾種常見的CSS讓框居中的方法，有了這些方法，我們就可以輕松實現框居中的效果了。