html - 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>

源代码中没有换行符？