html - 我如何并排放置3张 table

Question

我正在尝试并排对齐 3 个表格。当我将一个表放在另一个表中时它不起作用，因为中间表有很多内容，这使得我的第一个表在垂直方向上太大而且看起来不正确。

我想做的是制作一个简单的页面，其中我的第一个表格向下 3 行。我的第二张表只是一个 1 列、1 行的内容布局，我的第三张表也是 1 列和 1 行。我需要这些表并排放置。

我在网上搜索过，找不到任何人可以做到这一点。当我添加表格时，它们会堆叠在一起。谁能帮我把我的 3 张 table 并排放置？

      <table width="100" border="1">
        <tr>
       <td>&nbsp;</td>
       </tr>
       <tr>
      <td>&nbsp;</td>
      </tr>
      <tr>
      <td>&nbsp;</td>
      </tr>
      </table>
      <table width="100" border="1">
      <tr>
      <td>&nbsp;</td>
      </tr>
      </table>
      <table width="100" border="1">
      <tr>
      <td>&nbsp;</td>
      </tr>
      </table>

如果这需要 CSS 编码，您也可以提供吗，我将不胜感激，我仍在学习高级 CSS 和 HTML。

Answer 1

添加 style="float:left;"到每张 table 。例如:

<table width="100" border="1" style="float:left;">