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>

在源代码中没有换行符？

Answer 2

重置页面上所有 DIV 的边距：

div { 
    margin:0;
    padding:0;
}