Настройка вертикально-выравнивания для кнопки

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», а не кнопки. если вы примените к кнопке, она будет вертикально совмещена с линией, которая центрируется в ячейке. когда вы примените к ячейке таблицы, линия будет выровнена в нижней части ячейки.