两张桌子并排 - 一张桌子向右对齐答案

【问题标题】：Two tables side by side - aligning one table to the right两张桌子并排 - 一张桌子向右对齐
【发布时间】：2013-06-21 22:17:37
【问题描述】：

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

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

【问题讨论】：

哇，那个教程有多久了？
至少十年 :) © 1997-2003 请告诉我你没有使用表格构建站点布局..
回到未来 tudududu

标签： html css

【解决方案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>

【讨论】：