Asp.net 设置按钮的垂直对齐
我在用户控件中有一个。在其中,我添加了一个HTML表,其中有一个按钮。我需要让按钮与单元格底部对齐。我试着在CSS文件中设置这个属性,但是没有应用这个样式。我做错了什么 ASCX文件:Asp.net 设置按钮的垂直对齐,asp.net,css,button,Asp.net,Css,Button,我在用户控件中有一个。在其中,我添加了一个HTML表,其中有一个按钮。我需要让按钮与单元格底部对齐。我试着在CSS文件中设置这个属性,但是没有应用这个样式。我做错了什么 ASCX文件: <link href="CSSFile.css" rel="stylesheet" type="text/css" /> . . . <td> <asp:Button ID="btnOK" runat="server" Text="OK" Width="66px" CssClas
<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;
}
ButtonClass
指的是ButtonClass元素,例如,..
(当然,在这种情况下不正确),。ButtonClass
指的是具有类ButtonClass
的元素。您需要在单元格上设置样式,而不是按钮本身:
<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>
是的,您需要的是“td”元素,而不是按钮。如果应用于按钮,则该按钮将与单元格中居中的直线垂直对齐。当您应用到表格单元格时,该行将与单元格底部对齐。非常感谢。但底部对齐的事情仍然没有发生。除了将控件保持在div中之外,没有其他方法可以做到这一点吗?请参阅垂直对齐的功能与文本对齐的功能不同。垂直对齐将图元相对于其容器和同级对齐
<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>
.ButtonCell
{
vertical-align:bottom;
}