Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/36.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Asp.net 设置按钮的垂直对齐_Asp.net_Css_Button - Fatal编程技术网

Asp.net 设置按钮的垂直对齐

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

我在用户控件中有一个。在其中,我添加了一个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;
}

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