html - 怎么把 table 放在另一张 table 下面

Question

例如，如果我使用了对齐，如何将一张 table 放在另一张 table 下面。

           center_table
left_table
           desired_table

但我得到以下结果

           center_table
left_table desired_table

这是我的 html 代码。 中心表

    <table align="left">
        <tr>
            <td>left_table</td>
        </tr>
    </table>

    <table align="center">
        <tr>
            <td>desired_table</td>
        </tr>
    </table>

不使用 css 只有 HTML

Answer 1

只需添加一个<div style = "clear:both;"></div>在你的两张 table 之间。那么它应该可以工作

clear 属性指定元素的哪一侧不允许其他 float 元素。

您可以在此处找到更多详细信息 http://www.w3schools.com/cssref/pr_class_clear.asp

<table align="left">
  <table align="left">
    <tr>
        <td>left_table</td>
    </tr>
  </table>
  <div style="clear:both;"></div>

  <table align="center">
    <tr>
        <td>desired_table</td>
    </tr>
  </table>
</table>

或

 <table align="left">
    <tr>
        <td>left_table</td>
    </tr>
  </table>

  <div style="clear:both;"></div>

  <table align="center">
    <tr>
        <td>desired_table</td>
    </tr>
  </table>