CSS控制多個div居中，是網頁制作中比較常見的需求。下面介紹幾種方法。

/* 水平居中 */
.container {
display: flex;
justify-content: center;
}
/* 垂直居中 */
.container {
display: flex;
align-items: center;
}
/* 水平垂直居中 */
.container {
display: flex;
justify-content: center;
align-items: center;
}

其中，使用flex布局可以輕松實現div的居中。display: flex;可以讓元素變成容器，同時指定了容器采用flex布局。justify-content屬性控制水平方向的對齊方式，align-items控制垂直方向的對齊方式。

有時候，我們可能需要控制多個div居中。這時，可以把多個div放在一個容器里面，對該容器設置居中樣式。

<div class="wrapper">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
.wrapper {
display: flex;
justify-content: center;
align-items: center;
}
.box {
width: 50px;
height: 50px;
background-color: red;
margin: 10px;
}

上面的代碼將多個class為box的div放在一個class為wrapper的容器里面，wrapper容器設置了居中樣式。

總體而言，CSS控制多個div居中的方法比較簡單，而且非常實用。通過掌握這些方法，可以輕松實現網頁布局的效果。