如何在html中排列兩個表？

我希望兩個表都要在我網站上標題底部的頂部對齊。我怎樣才能將兩個表格對齊到頂部？目前，一張桌子位於左上角（正確位置），另一張桌子位於頁面中央，但位於另一張桌子下方。我怎樣才能提高桌子與其他桌子一致？如何在html中排列兩個表？

Wesite在http://108.210.72.235/docs/
或 Screen Shot

<TABLE CELLSPACING="0" COLS="4" BORDER="0" style="margin:65px 0px 0px 70px;"> 
    <COLGROUP SPAN="4" WIDTH="85"></COLGROUP> 
    <TR> 
     <TD BGCOLOR="#D7D7D7" style="font-family: DejaVu, serif;font-size: 150%;HEIGHT="18" ALIGN="LEFT"><A HREF="/docs" style="text-decoration: none;">Documents</A></TD> 

    <TR> 
     <TD BGCOLOR="#DD8D8"style="font-family: DejaVu, serif;font-size: 150%;HEIGHT="18" ALIGN="LEFT"><A HREF="/erm" style="text-decoration: none;">Erm?</A></TD> 
     <TD ALIGN="LEFT"><BR></TD> 
    <TR> 
     <TD BGCOLOR="#D8D8D8"style="font-family: DejaVu, serif;font-size: 150%;HEIGHT="18" ALIGN="LEFT"><A HREF="/music" style="text-decoration: none;">Music</A></TD> 
     <TD ALIGN="LEFT"><BR></TD> 


</TABLE> 
<TABLE VALIGN=CENTER ALIGN=CENTER> 
<?php 
if ($handle = opendir('.')) { 
    while (false !== ($file = readdir($handle))) 
     { 
      if ($file != "." && $file != "..") 
     { 
      $thelist .= ' <TR> 
     <TD BGCOLOR="#D8D8D8" style="font-family: DejaVu, serif;font-size: 150%;HEIGHT="18" ALIGN="LEFT"><a href="'. $file.'">' .$file. '</a></TD> 
     <TD ALIGN="LEFT"><BR></TD>'; 
      } 
     } 
    closedir($handle); 
    } 
?> 
<P><?=$thelist?></p> 
</TABLE>

來源

2012-11-02 enrique2334

添加float:left到左側表的風格。

<TABLE CELLSPACING="0" COLS="4" BORDER="0" style="margin:65px 0px 0px 70px;float:left">

來源

2012-11-02 16:12:22

它的工作原理，非常有幫助，謝謝 – enrique2334

表是塊元素，因此絕不會坐在旁邊的另一塊（頁面的正常流動以下）改變表的風格在以下方面應該得到你正在尋找的效果之一：

float:left; 

display:inline-block;

來源

2012-11-02 16:13:12 George

如果您希望第二個表格顯示在左側，請在第一個表格下方刪除第二個表格中的valign和align屬性。

如果你想第二個表做你的標題下顯示出來，你的第一個表的右側下面的代碼添加到style屬性的第一個表float:left;

來源

2012-11-02 16:18:16

試試這個..

<table border="1" width="100%"> 
    <tr> 
    <td width="20%> 
     Insert table 1 here 
    </td> 
    <td width="80%> 
     Insert table 2 here 
    </td> 
    </tr> 
</table>

來源

2012-11-02 16:18:33

如何在html中排列兩個表？

回答

相關問題