css - 一排的多张桌子需要固定高度

Question

抱歉标题不好，但我想不出更好的了。我有多个表，其中只有一行嵌入在另一个表的<tr>标签中，如下所示。

<tr>
  <td>
    <table>
      <tbody>
        <tr>
          <td>ABCD</td>
        </tr>
      </tbody>
    </table>
  </td>
  <td>
  <!-- Same code as above but with different content -->
  </td>
</tr>

<tr>我希望两个标签的高度相同。我不想使用<tr style="height: 20px;">它，因为无论上下文如何，它都会插入固定高度，并且在许多情况下会增加额外的空间。外部表在<td>标签内有多个标签，而不是上面示例中显示的<tr>2 个标签。<td>

我遇到的问题是第二个表的内容更多，它的高度更多。此内容是随机的，我希望所有行都具有相同的高度。这可能吗？

     ___________
_____|ABCDEFCH |
|ABCD| ADASDF  |
-----|_________|

编辑

---

在图片中，由于第 5 行第 2 列有更多文本，因此占用了更多空间。

Answer 1

你的桌子应该是这样的：

    <table border="3" cellpadding="3" cellspacing="1">
    <tr>
        <td align="center">DD-004174-09</td>
        <td align="center">ASDFDFRT DFG DFSDFG SDFGSDF SDFSDF</td>
        <td align="center">SDFSDFG SDFGDF </td>
        <td align="center">09/02/2009</td>
    </tr>
    <tr>
        <td align="center" colspan="4">IGRT</td>
    </tr>
    <tr>
        <td align="center">XXEE</td>
        <td align="center">SDFSDG FGDFGH</td>
        <td align="center">YUTRYU</td>
        <td align="center">4568 DFGDGF DFGDFG </td>
    </tr>
    <tr>
        <td align="center">EEEE</td>
        <td align="center">AASDFASDFD DFGHDFGH</td>
        <td align="center">SDDS</td>
        <td align="center">2344 GFDT GFDGF</td>
    </tr>
    <tr>
        <td align="center">ASDF</td>
        <td align="center">ASDFDFRT DFG DFSDFG <br />SDFGSDF SDFSDF</td>
        <td align="center">-</td>
        <td align="center">-</td>
    </tr>
    </table>

请在 google.com 上进行一些阅读和搜索，了解如何使用基本 HTML 构建页面，并在遇到更具体的问题时在此处发布。

一些有用的链接：

http://www.w3schools.com/html/html_tables.asp

http://www.webdesignfromscratch.com/html-css/html-tables/

一切顺利。