Html 我可以用最小高度表示桌子、tr或td吗？

我试图在表中显示接收的一些详细信息

我希望那张桌子有一个最小的高度来展示产品。因此，如果只有一种产品，表的末尾至少会有一些空白。在另一方面，如果有5个或更多的产品，它将不会是空的空间

我已尝试使用此css：

table,td,tr{
  min-height:300px;
}

但它不起作用

---

提前感谢。

这不是一个很好的解决方案，但可以这样尝试：

<table>
    <tr>
        <td>
            <div>Lorem</div>
        </td>
    </tr>
    <tr>
        <td>
            <div>Ipsum</div>
        </td>
    </tr>
</table>

希望这是你想要的

在CSS 2.1中，“最小高度”和“最大高度”对表格的影响， 未定义内联表、表单元格、表行和行组

因此，请尝试将内容包装在一个div中，并为div指定一个

min height

你好，世界！
早上好
高度
对于
td
的工作原理类似于
最小高度
：

td{
高度：100px；
}

而不是

td{
最小高度：100px；
}

当内容不适合时，表格单元格将增长

如果在td上设置style=“height:100px；”如果td上的内容使单元格增长超过该值，则不需要在td上设置最小高度。
不带
div的解决方案将使用一个伪元素，如
：：在
之后插入
最小高度
行中的第一个
td
。将HTML保存为干净

table tr td:first-child::after {
   content: "";
   display: inline-block;
   vertical-align: top;
   min-height: 60px;
}

只需将最小高度的css条目用于表行的一个单元格。也适用于旧浏览器

.rowNumberColumn {
    background-color: #e6e6e6;
    min-height: 22;
}

<table width="100%" cellspacing="0" class="htmlgrid-table">
    <tr id="tr_0">
            <td width="3%" align="center" class="readOnlyCell rowNumberColumn">1</td>
            <td align="left" width="40%" id="td_0_0" class="readOnlyCell gContentSection">411978430-Intimate:Ruby:Small</td>

.rowNumberColumn{
背景色：#e6；
最小高度：22；
}
1.
411978430亲密：红宝石：小
表格和表格单元格不使用
最小高度
属性，设置它们的
高度
将是最小高度，因为如果内容拉伸，表格将扩展。
如果您创建一个提琴让我们试一下您的代码，那将很有帮助。在Windows 7上运行的我的Google Chrome（47.0.2526.106 m版）中，我发现设置
td
的
height
实际上是作为
padding
顶部和底部处理的，这可能会带来一些布局问题，因为您认为它实际上是一个
height
空间。它不会在开发工具中显示为样式或计算样式，但当您将鼠标放在已检查的html元素上时，它会显示在屏幕上。但问题是最小高度不起作用！如果你有一个长文本，需要另一行有高度的行，会发生什么？就像@CMS说的，他问的是
min height
而不是
height
，但是@frank在下面解释说，对于
表td
，它的行为是一样的。因此，也许这需要更好的解释。这肯定是一个比公认的答案更好的答案。这个答案刚刚为我节省了潜在的工作时间，应该是答案。@SackySan你需要给divs类，然后让这个规则仅适用于该类。这一点都不好！
table tr td:first-child::after {
   content: "";
   display: inline-block;
   vertical-align: top;
   min-height: 60px;
}

.rowNumberColumn {
    background-color: #e6e6e6;
    min-height: 22;
}

<table width="100%" cellspacing="0" class="htmlgrid-table">
    <tr id="tr_0">
            <td width="3%" align="center" class="readOnlyCell rowNumberColumn">1</td>
            <td align="left" width="40%" id="td_0_0" class="readOnlyCell gContentSection">411978430-Intimate:Ruby:Small</td>