我可以使用表格，tr或td的最小高度？

我试图在表格中显示一个接收的细节。

我希望桌子有一个高度来显示产品。 所以如果只有一种产品，那么桌子最后至less会有一些空白。 另一方面，如果有5个或更多的产品，它不会是空的空间。

我试着用这个CSS：

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

但它不工作。

提前致谢。

Answer 1

这不是一个好的解决scheme，但像这样尝试：

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

并将div设置为最小高度：

 div { min-height: 300px; } 

希望这是你想要的…

Answer 2

td工作min-height像min-height

http://fiddle.jshell.net/qz70zps4/

Answer 3

没有div的解决scheme使用一个伪元素，如::after到min-height第一个td行。 保存你的HTML干净。

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

Answer 4

在CSS 2.1中，表格，内嵌表格，表格单元格，表格行和行组中的'min-height'和'max-height'的效果是未定义的。

因此，尝试将内容包装在一个div中，并在这里给div一个min-height jsFiddle

 <table cellspacing="0" cellpadding="0" border="0" style="width:300px"> <tbody> <tr> <td> <div style="min-height: 100px; background-color: #ccc"> Hello World ! </div> </td> <td> <div style="min-height: 100px; background-color: #f00"> Goog MOrning ! </div> </td> </tr> </tbody> </table> 

Answer 5

如果你设置style =“height：100px;” 在td上，如果td的内容比单元更大，那么td上就不需要最小高度。

Answer 6

只需使用min-height的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>