在CSS中，我們可以使用多種方法將盒子放在頁面的正中間，以下是其中的一種方法：

1、使用flexbox：Flexbox是一個(gè)強(qiáng)大的布局工具，可以輕松地將盒子放在頁面的正中間，你需要將盒子的父元素設(shè)置為一個(gè)flex容器，然后可以使用justify-content和align-items屬性來分別控制水平和垂直方向的對齊。

.container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh; /* 這會使容器占據(jù)整個(gè)視口的高度 */
}

2、使用grid布局：CSS Grid也是一個(gè)非常強(qiáng)大的布局工具，可以用來實(shí)現(xiàn)復(fù)雜的頁面布局，你可以將盒子的父元素設(shè)置為一個(gè)grid容器，然后使用justify-content和align-items屬性來控制盒子的位置。

.container {
    display: grid;
    justify-content: center;
    align-items: center;
    height: 100vh; /* 這會使容器占據(jù)整個(gè)視口的高度 */
}

3、使用position屬性：如果你不想使用flexbox或grid布局，那么可以使用position屬性來控制盒子的位置，將盒子的position屬性設(shè)置為absolute或relative，然后可以使用top、right、bottom和left屬性來控制盒子的具體位置。

.container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* 這會使盒子在父元素的中心位置 */
}

是三種將盒子放在頁面正中間的方法，你可以根據(jù)自己的需求選擇***適合的方法。