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