テーブルtdで可能なのは1つのテーブルを使って異なる高さを持っている

Question

htmlにテーブルを1つだけ使用してtdの異なる高さにするといいと思います。出来ますか？可能であれば、どのようにしてそれを行うことができますか？

<table> 
    <tbody> 
     <td>height:30px</td> 
     <td>height:90px</td> 
     <td>height:60px</td> 
     <td>height:80px</td> 
    </tbody> 
</table> 

この表のようなもの：

Answer 1

<style> 
tr { 
height: auto; 
} 
td { 
overflow: hidden; 
display: inline-block; 
white-space: nowrap; 
vertical-align: top; 
background-color: #3399ff; 
height: 100%; 
width: 75px; 
border: 1px solid black; 
} 
td:nth-child(odd) { 
background-color: #1177dd; 
} 
#b { 
height: 200px; 
} 
#j { 
height: 90px; 
} 
#k { 
height: 180px; 
} 
</style> 

<table> 
<tbody> 
<tr> 
<td id="b">b</td> 
<td id="j">j</td> 
<td id="k">k</td> 
</tr> 
</tbody> 
</table> 

Answer 2

私はあなたがROWSPANを見てみましょうお勧めします。私の意見では、これはあなたの問題に対する最善の解決策です。それは少し異なるHTML設定を取るが、トリックを行う必要があります。別々cssファイルに、あなたはあなたのスタイルに何をしたい、スタイルタグを使用する必要がありますし、HTMLには何もスタイリング
またはリンクを

<td style="height: 30px"></td> 

：このような http://www.w3schools.com/tags/att_td_rowspan.asp

Answer 3

気にいらは、トリックを行う必要があります

Answer 4

使用テーブルTDタグ内のdivまたはその代わりに、テーブルのdivのためにすべてのコードを変換し

<table> 
     <tbody> 
      <td><div "height:30"></div> <div "height:40"></div> <div "height:60">  </div></td> 
     </tbody> 
    </table>