0

Here is my first row in 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>

Now I wanted to change height for the first row but what ever i set for atribute "height" it is always the same. Does anybody have an idea how to change it?

4

3 回答 3

0

在 CSS 中尝试，

table > tr:first-child td {
height:#px }
于 2013-08-14T17:04:04.313 回答
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>

在您的情况下，您尚未定义table 的高度。所以这就是为什么您看不到以 % 为单位的第一行的任何变化的原因。要么以像素为单位保持表格的高度，要么在表格外创建一个固定高度的 div，然后将第一行和表格的高度设置为 %。

于 2013-08-14T21:07:16.317 回答
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>
于 2013-08-14T17:12:09.540 回答