HTML - 并排的两个表

Question

可能重复:
尝试将表格彼此相邻水平

我已经创建了两个html表.如何将它们并排放置而不是一个放在另一个之上？

Answer 1

根据您的内容和空间,您可以使用浮动或内联显示:

<table style="display: inline-block;">

<table style="float: left;">

在这里查看:http://jsfiddle.net/SM769/

文档

• displayMDN上的CSS - https://developer.mozilla.org/en/CSS:display
• floatMDN上的CSS - https://developer.mozilla.org/en/CSS/float

Answer 2

您可以将表放在div中并为表添加样式"float:left"

<div>
  <table style="float: left">
    <tr>
      <td>..</td>
    </tr>
  </table>
  <table style="float: left">
    <tr>
      <td>..</td>
    </tr>
  </table>
</div>

或者只是使用css:

div>table {
  float: left
}

Answer 3

<div style="float: left;margin-right:10px">
  <table>
    <tr>
      <td>..</td>
    </tr>
  </table>
</div>
<div style="float: left">
  <table>
    <tr>
      <td>..</td>
    </tr>
  </table>
</div>