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

时间:2013-08-27 10:04:24

标签: javascript html css

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

以下是我在CSS中的内容。

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

下面是我桌子控制台的屏幕截图,你可以看到id =“TableWrapper”。

enter image description here

有人能说出我为这些孩子设计风格做错了吗?

4 个答案:

答案 0 :(得分:3)

根据documentation

  

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

所以你可以试试身高属性。

#TableWrapper tbody tr
{
  height: 35px; 
}

Demo

答案 1 :(得分:0)

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

尝试以上风格。

答案 2 :(得分:0)

试试这个

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

的jsfiddle http://jsfiddle.net/MLJMP/

答案 3 :(得分:-1)

如果你有正确的元素,并且你编写了它的CSS,如果它没有显示,那么很可能你的css被其他CSS覆盖了。

此外,您可以使用"!important"在你的CSS中使它变得重要并避免覆盖。

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