设置垂直对齐按钮

我有一个用户控件。在那里，我添加了一个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文件和用户控制驻留在同一文件夹中。

来源

2009-06-06 danish

应该是：

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

ButtonClass要提到ButtonClass元件例如<ButtonClass>...</ButtonClass>（这是当然的，在这种情况下不正确），.ButtonClass是指具有类ButtonClass

来源

2009-06-06 15:12:51

非常感谢。仍然没有发生底部对齐的事情。有没有办法做到这一点，除非保持控制在div？ – danish 2009-06-06 15:15:50

您需要设置样式的电池元件，而不是按钮本身：

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

来源

2009-06-06 15:16:09 Keltex

谢谢！有用。 – danish 2009-06-06 15:18:58

是的，你需要它为“td”元素，而不是按钮。如果您应用到按钮，它将垂直对齐到单元中居中的线。当您应用到表格单元格时，该线条将对齐到单元格的底部。

来源

2009-06-06 15:20:03

设置垂直对齐按钮

回答

相关问题