消除tbody标签之间的差距

Question

有没有办法消除两个标签之间的微小差距,tbody当它们像这样显示内联？

http://jsfiddle.net/kttss/

正如你在小提琴中看到的那样,在两张桌子之间有一个小小的差距.我知道我可以通过使用负边距手动摆脱这个,但这似乎很麻烦,因为我有一个可变数量的tbodys表.

<table style="margin:0;" border="1">
   <tbody  style="display: inline-block;  margin:0;">
      <tr>
         <td>
            1
         </td>
         <td>
            2
         </td>
      </tr>
      <tr>
         <td>
            3
         </td>
         <td>
            4
         </td>
      </tr>
   </tbody>
   <tbody  style="display: inline-block; margin: 0;">
      <tr>
         <td>
            1
         </td>
         <td>
            2
         </td>
      </tr>
      <tr>
         <td>
            3
         </td>
         <td>
            4
         </td>
      </tr>
   </tbody>
</table>

Answer 1

看起来添加border-spacing: 0;到您的table元素将有所帮助.如果没有这个,每个边框周围都有2个像素,这意味着表格之间有4个像素.