对于具有一行的多个表,需要固定的高度

时间:2012-10-25 19:31:06

标签: css

抱歉标题不好,但我想不出更好的事情。我有多个表,只有一行嵌入另一个表的<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列有更多文本,因此占用更多空间。 enter image description here

1 个答案:

答案 0 :(得分:0)

这是你的桌子应该是什么样子:

    <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/

一切顺利。