这是我在表格中的第一行:
<table style="margin:auto; border-color:Black;" border="1">
<tr style="color:White; background-color:Maroon; height:50%;">
<td colspan ="2" align="center"><h3>aaa</h3></td>
</tr>
<tr>
<td align="right" style="width:150px;">bbb</td>
<td style="width:150px;">
<asp:Label ID="lblKSParterObicna" runat="server" Text="Label"></asp:Label>
</td>
</tr>
</table>
现在我想改变第一行的高度,但我为属性“高度”设置了什么 它总是一样的。 有人知道如何改变它吗?
答案 0 :(得分:0)
在CSS中尝试,
table > tr:first-child td {
height:#px }
答案 1 :(得分:0)
它不起作用的原因是因为你的第一行中有标记。所以我发现的是: 1.使用高度百分比不起作用(有或没有标签)(不知道为什么) 2.如果将标记保留在第一行,只要高度大于标记给出的默认高度,使用像200px这样的单位就可以工作。如果删除标签,px中的任何单位都可以使用(只要字体大小适合它)。
以下是代码的jsfiddle:http://jsfiddle.net/yMKAr/3/
<table style="margin:auto; border-color:Black;" border="1">
<tr style="color:White; background-color:Maroon; height:200px">
<td colspan ="2" align="center"><h3>aaa</h3></td>
</tr>
<tr>
<td align="right" style="width:150px;">bbb</td>
<td style="width:150px;">
Label
</td>
</tr>
</table>
答案 2 :(得分:0)
你能检查一下吗? http://jsfiddle.net/DwzA6/
<div style="height:200px;" >
<table style="margin:auto; border-color:Black; height:100%;" border="1">
<tr style="color:White; background-color:Maroon; height: 80%;">
<td colspan ="2" align="center"><h3>aaa</h3></td>
</tr>
<tr>
<td align="right" style="width:150px;">bbb</td>
<td style="width:150px;">
<asp:Label ID="lblKSParterObicna" runat="server" Text="Label"></asp:Label>
</td>
</tr>
</table>
</div>
在您的情况下,您尚未定义表的高度。这就是为什么你没有看到你的第一行有任何变化的原因是%。 将表格的高度保持为像素,否则在表格之外创建固定高度div,然后以%为单位设置第一行和表格的高度。