如何将 table 置于另一个 table 之下

Question

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

           center_table
left_table
           desired_table

但我得到以下结果

           center_table
left_table desired_table

这是我的 html 代码。 center_table

    <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>。然后它应该可以工作

清除属性指定元素的哪一侧不允许其他浮动元素。

您可以在此处找到更多详细信息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>

Answer 2

结果 -> http://jsfiddle.net/0LtqL8yh/embedded/result/

 <table border=1 width=80% height=30% align=left cellpadding=1 cellspacing=1>
        <tr height=30%>
            <td>First Row</td>
            <td>First Row</td>
            <td>First Row</td>
        </tr>
        <tr height=70%>
            <td>Second Row</td>
            <td>
                <table bgcolor=yellow border=1 width=80% height=80% align="center">
                    <tr>
                        <td>Inner Table</td>
                        <td>Inner Table</td>
                    </tr>
                    <tr>
                        <td>Inner Table</td>
                        <td>Inner Table</td>
                    </tr>
                </table>
            </td>
            <td>Second Row</td>
        </tr>
    </table>

Answer 3

对于左对齐 table，将宽度更改为 100% 即可。

<table align="center" >
    <tr>
        <td>left_table</td>
    </tr>
</table>
<table align="left" width="100%">
    <tr>
        <td>left_table</td>
    </tr>
</table>
<table align="center" >
    <tr>
        <td>desired_table</td>
    </tr>
</table>

如何将 table 置于另一个 table 之下

How to put table under another table

html

html-table

alignment