jsfiddle中的Wierd保證金

Question

任何人都可以解釋我在這裏失蹤的jsfiddle ...爲什麼圖像之間有餘量？

http://jsfiddle.net/XRBK8/

的Html

<img src="http://placehold.it/200x200" /> 
<img src="http://placehold.it/200x200" /> 

CSS

body { 
    background:pink; 
} 
img { 
    margin: 0; 
    padding: 0; 
} 

Answer 1

爲什麼有圖像之間的利潤？

Inline和inline-block元素由空格和回車在HTML的影響，如果你刪除的空間，你會發現他們的邊框邊緣對齊：

http://jsfiddle.net/Adrift/XRBK8/1/

Answer 2

另一種選擇是浮動圖片：

img { 
    margin: 0; 
    padding: 0; 
    float: left; 
}