Question

如果我使用了对齐的话，如何将一个表放在另一个表下。

           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>即可。它应该工作

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

您可以在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

结果 - ＆gt; 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

对于左对齐表，将宽度更改为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>

如何将表放在另一个表下

3 个答案: