Question

我试图放置三个表，两个在一行中，第三个表在第一个表下。像这样：

table1 table2

表3

我做了什么，但它没有在table1和table3之间创建一个空格。

代码段：

<div style="display: block;">
  <form name="" id="tableuser" method="post">
    <table class="one" style="float: left">
      TABLE1
    </table>
  </form>

 <form name="" id="tablegroup" method="post">
   <table class="two" style="float: right">
     TABLE2
   </table>
  </form>

<div style="display: block;">
 <table class="three" style="float: left">
   TABLE3
 </table>
</div>

如何以正确的顺序放置表格？感谢

Answer 1

首先，我想提一下，你应该使用CSS的css文件，而不是内联CSS（样式和结构应保持分离）。

您可以通过在表2和3之间添加其他div来实现：

<div style="clear:both;height:20px;"></div>

＆＃13;

table {
    border:1px solid red;
}

＆＃13;

<div style="display: block;">
    <form name="" id="tableuser" method="post">
        <table class="one" style="float: left"><tr><td>TABLE1</td></tr></table>
    </form>
    <form name="" id="tablegroup" method="post">
        <table class="two" style="float: right"><tr><td>TABLE2</td></tr></table>
    </form>
    <div style="clear:both;height:20px;"></div>
    <div style="display: block;">
        <table class="three" style="float: left"><tr><td>TABLE3</td></tr></table>
    </div>
</div>

＆＃13;

在一个页面中放置三个表

1 个答案: