asp.net - asp.netテーブルの行の高さを変更できません

Question

テーブルの最初の行は次のとおりです。

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

今、最初の行の高さを変更したかったのですが、属性「高さ」に設定したものは常に同じです。誰かがそれを変更する方法を知っていますか?

Answer 1

これを確認できますか。 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 を作成してから、最初の行とテーブルの高さを % で設定します。

Answer 2

機能しない理由は、最初の行にタグがあるためです。だから私が見つけたのは：1.高さのパーセンテージを使用しても機能しません（タグの有無にかかわらず）（理由はわかりません）タグが指定するデフォルトの高さよりも高さが大きいためです。タグを削除すると、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>

Answer 3

CSSで試してみてください。

table > tr:first-child td {
height:#px }