2012-10-25 33 views
0

对不起,标题不好,但我想不出什么更好。我有多个表,只有一行嵌入到另一个表的<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;">,因为它会插入固定的高度而不考虑上下文,并且在很多情况下会增加额外的空间。外部表在<tr>标记内有多个<td>标记,而不是上面示例中显示的2 <td>标记。

我遇到的问题是因为第二张桌子有更多的内容,它的高度更多。此内容是随机的,我希望所有行具有相同的高度。这可能吗?

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

编辑


在图片中,如第5行2列有更多的文本,它正在采取更多的空间。 enter image description here

+0

table tr {height:100px; } //或者你想要的任何高度 – Brant

+2

我不认为TABLES被设计为以这种方式使用。你能说明你试图展示什么? –

+0

扩大布赖恩的想法 - 请指定所需的布局结果(或通过绘图说明),我敢肯定,有一个更好的标记选项来实现任何你想要的 – Aprillion

回答

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> 

请做一些阅读和如何构建基本的HTML页面搜索google.com上并张贴在这里就当你遇到一个更具体的问题。

一些有用的链接:

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

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

所有最优秀的。

+0

问题是我的桌子不像你描述的那样。取而代之的内容'DD-004174-09',我有一个表,一个一行内容为'使用

​​DD-004174-09
' – Praneeth

+0

那也不怎么表的意思。请彻底研究HTML表规格,标准和最佳实践。祝一切顺利。 –