當HTML結構如下所示：
同時，CSS這樣寫：
效果如下：
很明顯，圖片并沒有水平居中。這是因為浮動元素脫離了普通文檔流，margin：0 auto也就不起作用了。
解決方法很簡單：
方法一：
在浮動元素外面再嵌套一層div，代碼如下：
此時，浮動元素就可以水平居中了：
同樣地，對于多個浮動元素，也可以用這種方法實現水平居中，效果如下：
方法二：
浮動元素水平居中-----寬度不固定的浮動元素
html代碼
CSS樣式
方法三：
浮動元素水平居中-----寬度固定的互動元素
html代碼
css代碼
