无法在asp.net表中更改行高

时间:2013-08-14 16:50:10

标签: asp.net visual-studio-2010 html-table

这是我在表格中的第一行:

<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>

现在我想改变第一行的高度,但我为属性“高度”设置了什么 它总是一样的。 有人知道如何改变它吗?

3 个答案:

答案 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,然后以%为单位设置第一行和表格的高度。