CSS中運用浮動元素已經是比較常見的布局方式，但是對于多個浮動元素的居中布局，很多人可能會遇到困難。本文將簡單介紹兩種方法實現(xiàn)多個浮動元素居中。

1. text-align 居中法

這種方法比較簡單，只需要將所有浮動元素的父元素的text-align屬性設置為center即可。具體代碼如下：

.parent {
text-align: center;
}
.child {
float: left;
margin-right: 10px;
}

其中.parent為所有浮動元素的父元素，.child為浮動元素。這種方法的缺點是需要設置所有子元素的 margin 或 padding，否則子元素之間可能會出現(xiàn)不同步的現(xiàn)象。

2. margin 居中法

這種方法比較復雜，需要計算子元素的具體寬度和外邊距，但是適用范圍更廣，可以處理各種復雜布局。具體代碼如下：

.parent {
text-align: center;
}
.child {
float: left;
margin-right: 10px;
}
.clearfix:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.parent {
text-align: center;
}
.child {
float: left;
margin-right: 10px;
}
.center {
margin-left: auto;
margin-right: auto;
}

其中.parent為所有浮動元素的父元素，.child為浮動元素。通過clearfix類清除浮動，然后將所有子元素的共同父元素設為text-align:center，用一個額外的div包裹所有子元素（如上代碼中的.center），然后利用margin-left:auto和margin-right:auto把它居中。這種方法的好處是能夠處理各種元素的外邊距，使子元素之間空隙保持一致。

以上是兩種多個浮動元素居中的實現(xiàn)方法，可根據實際需求選擇使用。