HTML 多表间距

Question

假设我有 2 个表包裹在一个 Div 中:

<div class = "main" id = "mainDiv">
    <table id = "one">
    1
    </table>

    <table id = "two">
    2
    </table>
</div>

如何并排显示这两个表格，彼此相隔 5 像素？ 是否有类似“cellspacing”之类的东西可以用于表格？

Answer 1

你的结构不对，应该是这样的:

<div class = "main" id = "mainDiv">
    <table id = "one">
       <tr>
         <td>1</td>
       </tr> 
    </table>

    <table id = "two">
       <tr>
         <td>2</td>
       </tr> 
    </table>
</div>

并且您可以将表格的 display:table; 更改为 display:inline-table; 以将它们对齐在一行上。

Like this