CSS是網頁設計中不可或缺的一部分，除了用于樣式美化外，還有很多實用的功能。今天我們來討論如何將多個div居中對齊。

首先，我們需要使用CSS中的flexbox布局，這是CSS3新引入的一種布局方式。如下所示：

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

其中，.container是我們放置div的容器，display:flex表示使用flexbox布局，justify-content:center表示水平居中對齊，align-items:center表示垂直居中對齊。

接下來，我們在.container中放置多個div，每個div設置width和height屬性，并設置margin屬性為auto。代碼如下：

.container {
display: flex;
justify-content: center;
align-items: center;
}
.item {
width: 100px;
height: 100px;
margin: auto;
}

這樣，無論container中放置了多少個item，都會居中對齊。

總結一下，通過使用flexbox布局和margin:auto屬性，我們可以輕松實現多個div的居中對齊。