html - 当另一个单元格跨越 2 行时，如何使表格单元格不拉伸(stretch)？

Question

信息:

我正在为一个元素创建一个票证类型的表，但我正在努力不让一些单元格拉伸(stretch)。

JSFiddle:

如果描述太长，ACTIVE 单元格会被拉长。

https://jsfiddle.net/7dj7a41d/

我希望它看起来像这样，但我还需要能够在不拉伸(stretch)任何其他行或列的情况下拥有更多字符。

https://jsfiddle.net/19Loa5ax/

我试过使用 rowspan，我也试过移动东西，但我一直没能找到解决方案。

Answer 1

您可以在该 td 上设置最大宽度。

<td style="text-align:left;padding:0 0 0 15px; max-width: 100px;" rowspan="2">Description goes here, this is now too long......</td>  

我还会删除您的第一个 div 的高度，因为当您缩小视口(viewport)时它看起来不太好。

    height: 102px;  <-- remove this