如何制作两个水平对齐的表格？

Question

每次创建HTML表格时，它都会以新段落开头。是否可以覆盖此行为，以便我在同一行上有两个表？

我也在使用CSS。

Answer 1

你需要设置它们的样式，display: inline;或浮动两个表。

Answer 2

如果我希望它们始终位于同一行，我总是发现创建一个包含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 3

为每个表设置display: inline-block;。

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

Answer 4

jsfiddle

如果您需要水平对齐的表格来填充100％的宽度，您需要： display:inline-table; and float:left;