html - 并排放置三个html表

有人可以帮我并排放置三张桌子吗？我当前的所有表格都是从上到下堆叠的。这是我的代码如下：

<table style="width:30%">
        <tr>
          <td><strong>Department:</strong></td>
          <td><%= @opportunity.department %></td>
        </tr>

        <tr>
          <td><strong>Agency:</strong></td>
          <td><%= @opportunity.agency %></td>
        </tr>
</table
<table style="width:30%">
        <tr>
          <td><strong>Department:</strong></td>
          <td><%= @opportunity.department %></td>
        </tr>

        <tr>
          <td><strong>Agency:</strong></td>
          <td><%= @opportunity.agency %></td>
        </tr>
 </table
<table style="width:30%">
        <tr>
          <td><strong>Department:</strong></td>
          <td><%= @opportunity.department %></td>
        </tr>

        <tr>
          <td><strong>Agency:</strong></td>
          <td><%= @opportunity.agency %></td>
        </tr>
</table

最佳答案

首先，您需要像这样正确关闭table标记

</table>

其次，table是一个块元素，因此您将需要在表样式中指定display:inline-block，如下所示：

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

关于html - 并排放置三个html表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/24000788/