如何在CSS中定义tbody的最小高度

Question

我想在CSS中设置tbody的最小高度,即使tbody中没有<tr><td></td></tr>,这是我的代码:

tbody{
  height: 500px;
  min-height:500px;
}

但它不起作用.那么我该怎么做呢？

Answer 1

你为什么要这样做？

最小高度和高度适用于块级元素,而表不是块级元素.将你的表包裹在div中(比如div.table-wrap)并将最小高度应用于该div.

如果你不希望表格布局对你来说不重要,那么只需添加display:block到tbody的CSS即可.

Answer 2

希望这个演示对您有用......

CSS：

  tbody{
     height: auto;
     min-height:200px;
     display:block
    }