ボタンの垂直配置を設定する

Question

私はユーザーコントロールを持っています。そこで、ボタンがあるHTMLテーブルを追加しました。ボタンをセルの一番下に合わせる必要があります。スタイルが適用されないCSSファイルでプロパティを設定しようとしました。私が間違っていることは何ですか？

ASCXファイル：

<link href="CSSFile.css" rel="stylesheet" type="text/css" /> 
. 
. 
. 
<td> 
    <asp:Button ID="btnOK" runat="server" Text="OK" Width="66px" CssClass="ButtonClass"/> 
    <asp:Button ID="btnClose" runat="server" Text="Close" Width="66px"/> 
</td> 

CSSファイル：

ButtonClass 
{ 
    border: thin groove #000000; 
    vertical-align: bottom; 
    color: #000000; 
    background-color: #99FFCC; 
} 

CSSファイルとユーザーコントロールが同じフォルダに存在します。

Answer 1

あるべき：

.ButtonClass 
{ 
    border: thin groove #000000; 
    vertical-align: bottom; 
    color: #000000; 
    background-color: #99FFCC; 
} 

ButtonClass例えばButtonClassの要素を指すことになります<ButtonClass>...</ButtonClass>（この場合には、もちろん正しいされていない）、.ButtonClassあなたは、セルではなく、ボタン自体にスタイルを設定する必要がクラスにButtonClass

Answer 2

を有する要素を指し：あなたは

<td class='ButtonCell'> 
    <asp:Button ID="btnOK" runat="server" Text="OK" Width="66px" CssClass="ButtonClass"/> 
    <asp:Button ID="btnClose" runat="server" Text="Close" Width="66px"/> 
</td> 

Css：

.ButtonCell 
{ 
    vertical-align:bottom; 
} 

Answer 3

はい、ボタンではなく「td」要素に必要です。ボタンに適用すると、セルの中央にある線に垂直に整列します。表のセルに適用すると、行はセルの下部に揃えられます。