Chrome中表格单元格内部图像的额外边距

Question

<div id='wrapper'> 
    <div id='innerWrapper'> 
    <img src ='image.png'" /> 
    </div> 
</div> 

#wrapper{ 
    display: table; 
    border-spacing:0; 
} 

#innerWrapper { 
    display:table-cell; 
    padding:0; 
    margin:0; 
    border:0; 
} 
img { 
    padding:0; 
    margin:0; 
    border:0; 
} 

在Chrome中，这会在图像右侧呈现1px的边距并将innerWrapper div推出。如何删除边距？ CSS复位并没有帮助

Answer 1

你试过

<div id='innerWrapper'><img src ='image.png'" /></div> 

没有源代码中的换行符？

Answer 2

重置边距网页上的所有div：

div { 
    margin:0; 
    padding:0; 
}