javascript - 将 CSS 样式应用于数据表子 tr

Question

我想在我的 jQuery 数据表行中设置 tr 的高度。

这是我的 CSS 中的内容。

#TableWrapper tbody tr {
    min-height: 35px; 
}

下面是我的表格控制台的屏幕截图，您可以看到 id="TableWrapper"。

有人能说我在设计这些孩子的 tr 时做错了什么吗？

Answer 1

根据文档

在 CSS 2.1 中，'min-height' 和 'max-height' 对表格、内联表格、表格单元格、表格行和行组的影响是未定义的。

所以你可以尝试使用 height 属性。

#TableWrapper tbody tr
{
  height: 35px; 
}

演示

Answer 2

试试这个

#TableWrapper tbody tr td{
    min-height: 35px; 
}

JsFiddle http://jsfiddle.net/MLJMP/

Answer 3

#TableWrapper tbody tr 
{
    height: 35px;
    float: left; 
}

试试上面的风格。

Answer 4

如果您有正确的元素，并且您编写了它的 CSS，并且如果它没有按应有的方式显示，那么您的 css 很可能被其他一些 CSS 覆盖。

此外，您可以在 CSS 中使用“！important”来使其重要并避免覆盖。

#TableWrapper tbody tr {
    min-height: 35px !important; 
}