如何在表td中使用一个表具有不同的高度

Question

我想在html中设计只使用一个表而具有不同高度td的表格。可能吗？如果可能，我该如何完成它？

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

像这张桌子的东西：

Answer 1

我建议你看一下rowspan。在我看来，这是解决您问题的最佳方案。它需要稍微不同的HTML设置，但应该做的伎俩。 http://www.w3schools.com/tags/att_td_rowspan.asp

Answer 2

这样的事情应该是诡计：

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

为了在html中设置任何样式，你必须使用样式标签，然后使用你要设计的样式，
或链接到单独的css文件

Answer 3

在表格td标签内使用div或将所有代码转换为div而不是表格

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

Answer 4

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