Question

我正试图在我的网站上并排显示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">

但它不起作用。有任何想法吗？谢谢！

Answer 1

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

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

<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>

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

1 个答案: