Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/docker/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 如何可能在表中td使用一个表具有不同的高度_Html_Html Table - Fatal编程技术网

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

Html 如何可能在表中td使用一个表具有不同的高度,html,html-table,Html,Html Table,我想在html中设计一个表,该表的td高度不同。可能吗?如果可能的话,我怎么做 <table> <tbody> <td>height:30px</td> <td>height:90px</td> <td>height:60px</td> <td>height:80px</td> </tbody

我想在
html
中设计一个表,该表的
td
高度不同。可能吗?如果可能的话,我怎么做

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

高度:30px
高度:90px
高度:60像素
高度:80px
类似于这张桌子:


我建议您看看rowspan。在我看来,这是解决你问题的最好办法。这将需要一个稍微不同的HTML设置,但应该做到这一点。

我建议您看看rowspan。在我看来,这是解决你问题的最好办法。这将需要一个稍微不同的HTML设置,但应该做到这一点。

像这样的事情应该可以奏效:

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

要在html中设置任何样式,必须使用样式标记,然后使用要设置的样式,

或者链接到一个单独的
css
文件

像这样的东西应该可以做到:

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

要在html中设置任何样式,必须使用样式标记,然后使用要设置的样式,

或者链接到单独的
css
文件

在表td标记中使用div,或者将所有代码转换为div而不是表

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

在表td标记中使用div,或将所有代码转换为div而不是表

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


tr{
高度:自动;
}
运输署{
溢出:隐藏;
显示:内联块;
空白:nowrap;
垂直对齐:顶部;
背景色:#3399ff;
身高:100%;
宽度:75px;
边框:1px纯黑;
}
td:N个孩子(单数){
背景色:1177dd;
}
#b{
高度:200px;
}
#j{
高度:90px;
}
#k{
高度:180像素;
}
B
J
K

tr{
高度:自动;
}
运输署{
溢出:隐藏;
显示:内联块;
空白:nowrap;
垂直对齐:顶部;
背景色:#3399ff;
身高:100%;
宽度:75px;
边框:1px纯黑;
}
td:N个孩子(单数){
背景色:1177dd;
}
#b{
高度:200px;
}
#j{
高度:90px;
}
#k{
高度:180像素;
}
B
J
K

问题是,您的“表”不是一个更适合您使用div而不是table的tableuse div标记排列,正如@MarkPerera所提到的,a此状态下您的表不是表问题是,您的“表”不是一个更适合您使用div而不是table的tableuse div标记排列,正如@MarkPerera所提到的,a此状态下,您的桌子不是桌子,但通过使用此状态,所有tds的高度相同,我希望在一个tr中有不同的td高度,但通过使用此状态,所有tds的高度相同,我希望在一个tr中有不同的td高度