CSS 中，多個浮動元素居中是經(jīng)常遇到的問題。這個問題可以用不同的方法解決，下面我們來探討一些方法:

方法一：使用 text-align 屬性居中。這種方法只適用于所有元素都是同一寬度的情況，我們可以使用下面的 CSS 代碼：

.container {
text-align: center;
}
.box {
float: left;
width: 100px;
height: 100px;
background-color: #ccc;
margin-right: 20px;
}

方法二：使用偽元素。我們可以向包裹元素添加一個偽元素，然后對其設(shè)置 display: inline-block 和 text-align: center，這樣就可以實現(xiàn)多個浮動元素的居中。以下是代碼：

.container::after {
content: "";
display: inline-block;
width: 0;
height: 100%;
vertical-align: middle;
}
.box {
float: left;
width: 100px;
height: 100px;
background-color: #ccc;
margin-right: 20px;
display: inline-block;
vertical-align: middle;
}

方法三：使用 Flexbox。我們可以使用 Flexbox 的 align-items 和 justify-content 屬性來實現(xiàn)多個浮動元素的居中。以下是 CSS 代碼：

.container {
display: flex;
align-items: center;
justify-content: center;
}
.box {
float: left;
width: 100px;
height: 100px;
background-color: #ccc;
margin-right: 20px;
}

以上是三種常見的多個浮動元素居中的方法。根據(jù)實際情況選擇合適的方法即可。