html - 两个 HTML 表格在彼此之下

Question

所以我在彼此下面有两个html表格 每个表有两列 我希望下表中的每一列都恰好在上一列的相似列下的问题

|表1| |-----|-----| |-----|-----|

|表2| |-----|-----| |----|-----|

编辑:

我试过

<td valign="top"></td>

但是我认为这不是正确的代码

Answer 1

试试这个，对两个表使用相同的 td 类。

HTML 示例

<table id="table1">
    <tr><td class="first">aaa</td><td class="second">aaa</td></tr>
    <tr><td class="first">aaa</td><td class="second">aaa</td></tr>
    <tr><td class="first">aaa</td><td class="second">aaa</td></tr>
</table>
<br /><br />
<table id="table2">
    <tr><td class="first">aaa</td><td class="second">aaa</td></tr>
    <tr><td class="first">aaa</td><td class="second">aaa</td></tr>
    <tr><td class="first">aaa</td><td class="second">aaa</td></tr>
</table>

CSS

#table1, #table2 {float:left;width:700px;}

td.first{ width:40%;}

td.second{ width:60%;}