要讓float元素居中，需要在float元素的外面增加一個父級div，然后對父子div進行這樣的設置：

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

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

如圖1，綠色表示浮動的子元素，藍色表示父級元素，在沒有設置left：-50%時，如上。

如圖2，綠色的子級div設置了left：-50%之后，就在自己的位置上向左移動50%，這個50%不是相對于父級div的，而是相對于自己的，這樣就實現了浮動居中的效果了。

浮動div居中的作用，主要是用來將一系列的東西按照屏幕的尺寸進行自適應，還有另一個作用是配合margin-top、padding-top等屬性，實現圖片和文字在同一行的居中對齊。

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

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。