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/

祝一切顺利