方法一：

1、HTML 部分：

2、CSS 部分：

這樣看來就很簡單了吧，父元素和子元素同時左浮動，然后父元素相對左移動50%，再然后子元素相對右移動50%，或者子元素相對左移動-50%也就可以了。如此簡單如此神奇。

方法二：

HTML 代碼

父元素和子元素同時左浮動，然后父元素相對左移動50%，再然后子元素相對左移動-50%。

方法三：

html代碼

這里也可以多套一層的方式設(shè)置left:-50%，更合理，也可以避免一些不必要的IE BUG。舉一反三，這種float元素居中的方式其實可以延展應(yīng)用到很多需要浮動元素又居中的情況。

以上通過三種方法講解了css如何讓浮動元素水平居中，后續(xù)本網(wǎng)站還會持續(xù)更新有關(guān)js、jq、css、php、c#等編程方面的知識，敬請關(guān)注本站，謝謝。

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com