两张桌子并排 - 将一张桌子对齐

时间:2013-06-21 14:10:51

标签: html css

我正试图在我的网站上并排显示2个表(它实际上是一个包含两个子表的表)。我使用以下模板来执行此操作:(在http://www.bignosebird.com/docs/h50.shtml中找到)

<TABLE BORDER="1" WIDTH="500">
  <TR>
   <TD WIDTH=250>
    <TABLE BORDER="1" WIDTH="250">
     <TR>
      <TD>
       This is in our first table!
      </TD>
     </TR>
    </TABLE>
   </TD>
   <TD WIDTH="250">
    <TABLE BORDER="1">
     <TR>
      <TD WIDTH="250">
       And this is in the second table!
      </TD>
     </TR>
    </TABLE>
   </TD>
  </TR>
</TABLE>

问题是,我想将第二个表格对齐到屏幕右侧。我试过了:

<table border="1" align="right">

但它不起作用。有任何想法吗? 谢谢!

1 个答案:

答案 0 :(得分:0)

你不应该使用表来对齐事物。

您可以删除父表并将其写为:

<TABLE BORDER="1" WIDTH="250" style="float:left;">
 <TR>
  <TD>
   This is in our first table!
  </TD>
 </TR>
</TABLE>

<TABLE BORDER="1" style="float:right;">
 <TR>
  <TD WIDTH="250">
   And this is in the second table!
  </TD>
 </TR>
</TABLE>

或者: 这应该会更好。使用div             这是我们的第一张桌子!     

<div style="float:right;">
   And this is in the second table!
</div>