Javascript 将CSS样式应用于数据表子tr';s
我想在jQuery数据表行中设置tr的高度 以下是我的CSS中的内容Javascript 将CSS样式应用于数据表子tr';s,javascript,html,css,Javascript,Html,Css,我想在jQuery数据表行中设置tr的高度 以下是我的CSS中的内容 #TableWrapper tbody tr { min-height: 35px; } 下面是我的表格控制台的屏幕截图,您可以看到id=“TableWrapper” 有人能说我做错了什么来设计这些儿童tr吗 #TableWrapper tbody tr { height: 35px; float: left; } 试试上面的样式。根据 在CSS 2.1中,“最小高度”和“最大高度”对表、内
#TableWrapper tbody tr {
min-height: 35px;
}
下面是我的表格控制台的屏幕截图,您可以看到id=“TableWrapper”
有人能说我做错了什么来设计这些儿童tr吗
#TableWrapper tbody tr
{
height: 35px;
float: left;
}
试试上面的样式。根据
在CSS 2.1中,“最小高度”和“最大高度”对表、内联表、表单元格、表行和行组的影响未定义
所以您可以尝试使用height属性
#TableWrapper tbody tr
{
height: 35px;
}
如果您得到了正确的元素,并且您编写了它的CSS,并且如果它没有按应有的方式显示,那么您的CSS很可能会被其他CSS覆盖 此外,您可以在CSS中使用“!important”使其变得重要并避免重写
#TableWrapper tbody tr {
min-height: 35px !important;
}
试试这个
#TableWrapper tbody tr td{
min-height: 35px;
}
JSFIDLE
单击开发工具中的一个
tr
s,看看您是否可以看到自己的风格。如果它有一个删除线,这意味着更高优先级的东西正在覆盖您的样式。可能您应该将其应用于#TableWrapper tbody tr td
,而不是tr
@mattytommo没有删除线。@AkhilSekharan更改为删除线,但没有任何效果。@Pomster那么#TableWrapper tbody tr td>*
怎么样谢谢我会记住这一点未来,但它没有解决我的问题。我们无法解决您的问题,除非我们有完整的CSS/或至少它是如何呈现的。您可以使用FireFox的firebug插件,让我们将CSS应用到您的元素。