html body最小高度,html - 我可以使用最小高度表，tr或td吗？

html - 我可以使用最小高度表，tr或td吗？

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

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

我试过这个css：

table,td,tr{

min-height:300px;

}

但它没有用。

提前致谢。

kilkadg asked 2019-08-11T22:41:04Z

7个解决方案

315 votes

height for td的作用类似于min-height：

td {

height: 100px;

}

代替

td {

min-height: 100px;

}

当内容不适合时，表格细胞会生长。

[https://jsfiddle.net/qz70zps4/]

Aureliano Far Suau answered 2019-08-11T22:42:10Z

34 votes

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

Lorem

Ipsum

并将div设置为最小高度：

div {

min-height: 300px;

}

希望这是你想要的......

Arnold Zak answered 2019-08-11T22:41:30Z

26 votes

没有div的解决方案使用像::after这样的伪元素到td行中的第min-height行。保存HTML干净。

table tr td:first-child::after {

content: "";

display: inline-block;

vertical-align: top;

min-height: 60px;

}

omelniz answered 2019-08-11T22:42:35Z

10 votes

在CSS 2.1中，＆＃39; min-height＆＃39; 和＆＃39; max-height＆＃39; 在桌子上，   内联表，表格单元格，表格行和行组未定义。

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

Hello World !

Goog MOrning !

Sobin Augustine answered 2019-08-11T22:43:09Z

5 votes

如果你设置style =＆＃34; height：100px;＆＃34; 在td上如果td具有使细胞增长的内容超过那个，它将这样做不需要在td上达到最小高度。

frank answered 2019-08-11T22:43:35Z

0 votes

只需将min-height的css条目用于表格行的一个单元格即可。 适用于旧浏览器。

.rowNumberColumn {

background-color: #e6e6e6;

min-height: 22;

}

1	411978430-Intimate:Ruby:Small

Sacky San answered 2019-08-11T22:44:01Z

0 votes

表格和表格单元格不使用min-height属性，设置它们的height将是最小高度，因为如果内容拉伸它们，表格将展开。

Agu Dondo answered 2019-08-11T22:44:28Z