應該都知道讓一個div元素進行居中，最快的辦法就是使用margin:0 auto（前提是div存在定寬值），然后只針對一個圖片如何居中呢？為什么對圖片直接使用margin:0 auto居中會失敗呢？

比如: img{width:200px; margin:0 auto;}

此時圖片不會居中！

原因：

因為此時圖片是inline行內水平元素，就算沒有width，其也不會占據整個容器，而maigin:auto是填充剩余空間，沒有剩余空間可填，所以無效！

解決方法：

此時因為加入了block，會讓img填充整個空間，所以就有剩余空間可操作，此時margin:auto才會起作用！