HTML：如何製作2個水平對齊的表格？

Question

每次我創建一個HTML表格時，它都會從一個新的段落開始。是否有可能重寫此行爲，以便在同一行上有兩個表？

我也在使用CSS。

Answer 1

我總是發現它容易，只需創建一個包含2個表，如果我希望他們永遠是同一行的表。

<table> 
     <tr> 
     <td> 
      <table id="table1"> 
      <tr> 
       <td></td> 
      </tr> 
      </table> 
     </td> 
     <td> 
      <table id="table2"> 
      <tr> 
       <td></td> 
      </tr> 
      </table> 
     </td> 
     </tr> 
    </table> 

樣式工作雖然。

Answer 2

您需要爲它們設置樣式，display: inline;或浮動這兩個表格。

Answer 3

爲每個表設置display: inline-block;。

在線演示：http://jsfiddle.net/bitsmix/s7Bec/

Answer 4

jsfiddle

如果您需要的水平對齊表格填寫100％的寬度，你需要： display:inline-table; and float:left;