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

hiw*_*way 10 css css-tables

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

tbody{
  height: 500px;
  min-height:500px;
}
Run Code Online (Sandbox Code Playgroud)

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

Pan*_*yal 7

你为什么要这样做?

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

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

  • 用问题来回答问题对任何人都没有帮助。 (3认同)
  • 一个表可以有多个<tbody>.我希望他们成为一个最小的高度. (2认同)

Sen*_*nan 5

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

CSS:

  tbody{
     height: auto;
     min-height:200px;
     display:block
    }
Run Code Online (Sandbox Code Playgroud)

小提琴