html - 合并来自不同表格的表格单元格

Question

是否可以使用 CSS 合并来自不同表格的单元格？

div {
    width:35px;
}
td {
    border:1px solid #ccc;
    display:inline-block;
}

<div>
<table>
    <tbody>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
    </tbody>
</table>

<table>
    <tbody>
        <tr>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
    </tbody>
</table>
</div>

http://jsfiddle.net/m2rwatob/3/

我需要删除这些空格 http://i.imgur.com/fLfZ1Sn.png

Answer 1

您不需要合并表格。 可以使用以下 CSS 样式删除表格之间的空白

table {
   border-spacing: 0px;
}