Html 使表格行以固定高度堆叠在表格顶部（将未使用的空间留空，表格行是动态的）

我添加了一个指向JSFIDLE的链接，在这里我将代码简化为一个更简单的示例。基本上，“代码名UoSid等”的行是发票行，可以有一行或多行。我需要桌子有一定的尺寸，但是每行都应该从上到下紧凑地堆放。在jsfiddle中，您可以看到它们占据了整个表空间并均匀分布。在下面的杰作中，你可以在左边看到我所拥有的，在右边看到我所需要的。

---

似乎您缺少在表格正文中为TD应用样式。我建议您选择解决问题的方案：

如果您希望文本从上到下左对齐，请将其添加到css中：

.cr-tbody td{border-left:2px solid rgba(255,255,255,0);}

如果您希望文本在每个td中居中，请将其添加到css中：

.cr-tbody td{border-left:2px solid rgba(255,255,255,0);text-align:center;}

---

希望这能帮助你解决你的问题

其中有一些样式在本例中没有使用，因为我只是复制粘贴了整个qweb报告的css，但我只发布了表的代码（也不完整和剥离，因为它实际上不仅仅是html，它是qweb）。这无助于解决问题，单元格内内容的对齐不是问题，而是行本身分散开来。您的小提琴与粘贴的代码不匹配：

.cr table{width:100%！important；height:50%；

-删除小提琴中的该高度（上面写着200px）正如你所描述的，它将行隔开。是的，很抱歉，但是我需要它有一个特定的高度。在我画的图片中，我显示了两个大小相同的表，但是行在右一个表的顶部堆叠在一起，任何剩余的空间都是空白的。

.cr-tbody td{border-left:2px solid rgba(255,255,255,0);}

.cr-tbody td{border-left:2px solid rgba(255,255,255,0);text-align:center;}