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;
}