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

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

此時(shí)圖片不會(huì)居中！

原因：

因?yàn)榇藭r(shí)圖片是inline行內(nèi)水平元素，就算沒有width，其也不會(huì)占據(jù)整個(gè)容器，而maigin:auto是填充剩余空間，沒有剩余空間可填，所以無效！

解決方法：

此時(shí)因?yàn)榧尤肓薭lock，會(huì)讓img填充整個(gè)空間，所以就有剩余空間可操作，此時(shí)margin:auto才會(huì)起作用！