在網頁設計中，布局是非常重要的一部分。而CSS盒子模型則是制作布局的基礎。設置CSS盒子模型在網頁居中是經常用到的方法，下面我們來看一下如何實現。

首先，設置盒子模型的寬度，可以使用百分比來進行設置。同時，也可以使用margin屬性來使盒子居中。例如：

.box {
width: 50%;
margin: 0 auto;
}

這樣，盒子的左右兩邊的margin會自動根據網頁的寬度來計算，使盒子居中。

另外，如果需要讓盒子在垂直方向上居中，可以使用Flex布局。如下所示：

.box {
display: flex;
justify-content: center;
align-items: center;
}

該代碼中的display屬性設置為flex，使盒子使用Flex布局。justify-content屬性用于水平方向上的居中，而align-items屬性則用于垂直方向上的居中。

還有一種方法是使用絕對定位來實現居中。示例如下：

.box {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

該代碼中的top和left屬性設置為50%，將盒子的左上角移動到網頁中間的位置。而transform屬性則將盒子進行位移，使其正好居中。

以上是CSS盒子模型居中的三種方法，根據實際情況來選擇適合自己的方法即可。