要讓float元素居中，需要在float元素的外面增加一個(gè)父級(jí)div，然后對(duì)父子div進(jìn)行這樣的設(shè)置：

.fater{position:relative, float:left; left:50%}

.child{position:relative, float:left; left:-50%}

如圖1，綠色表示浮動(dòng)的子元素，藍(lán)色表示父級(jí)元素，在沒有設(shè)置left：-50%時(shí)，如上。

如圖2，綠色的子級(jí)div設(shè)置了left：-50%之后，就在自己的位置上向左移動(dòng)50%，這個(gè)50%不是相對(duì)于父級(jí)div的，而是相對(duì)于自己的，這樣就實(shí)現(xiàn)了浮動(dòng)居中的效果了。

浮動(dòng)div居中的作用，主要是用來將一系列的東西按照屏幕的尺寸進(jìn)行自適應(yīng)，還有另一個(gè)作用是配合margin-top、padding-top等屬性，實(shí)現(xiàn)圖片和文字在同一行的居中對(duì)齊。

如果需要在下一行取消div的浮動(dòng)屬性，直接在style里面添加clear：both即可。

總結(jié)

以上是生活随笔為你收集整理的float元素居中的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。