HTML表格CSS-TD和x27之间的间隙;s

HTML表格CSS-TD和x27之间的间隙;s,html,css,Html,Css,我正在写一份时事通讯,我被告知使用表格进行布局是最佳实践。我遇到的问题是,我的td之间出现了一个缺口。每个td都有一个背景图像,因此非常明显: 这是我的代码,我是否遗漏了一些明显的东西?顺便说一下,我正在Firefox中测试: <table style = "margin: auto; width: 90%; max-width: 900px; border-collapse: collapse; border-spacing: 0;"> <tr style =

我正在写一份时事通讯,我被告知使用表格进行布局是最佳实践。我遇到的问题是,我的td之间出现了一个缺口。每个td都有一个背景图像,因此非常明显:

这是我的代码,我是否遗漏了一些明显的东西?顺便说一下,我正在Firefox中测试:

  <table style = "margin: auto; width: 90%; max-width: 900px; border-collapse: collapse; border-spacing: 0;">
    <tr style = "height: 16px;">
      <td style = "width: 15px; background: url('http://yourhealthfoodstore.co.uk/media/wysiwyg/top_left.png') no-repeat center;"></td>
      <td style = "background: url('http://yourhealthfoodstore.co.uk/media/wysiwyg/top.png') repeat-x;"></td>
      <td style = "width: 15px; background: url('http://yourhealthfoodstore.co.uk/media/wysiwyg/top_right.png') no-repeat center;"></td>
    </tr>
  </table>


有什么想法吗?谢谢

只需将表的
单元格填充设置为零即可

<table cellpadding="0" style = "margin: auto; width: 90%; max-width: 900px; border-collapse: collapse; border-spacing: 0;">
    <tr style = "height: 16px;">
      <td style = "width: 15px; background: url('http://yourhealthfoodstore.co.uk/media/wysiwyg/top_left.png') no-repeat center;"></td>
      <td style = "background: url('http://yourhealthfoodstore.co.uk/media/wysiwyg/top.png') repeat-x;"></td>
      <td style = "width: 15px; background: url('http://yourhealthfoodstore.co.uk/media/wysiwyg/top_right.png') no-repeat center;"></td>
    </tr>
  </table>


您可以将
td
的宽度减小到
13px



你能发一把小提琴吗?我怎么会错过这个?呃。。。我是个白痴。非常感谢,一旦计时器停止,我们将接受答案。