将标签与文本框垂直对齐答案

【问题标题】：vertically aligning a label against a textbox将标签与文本框垂直对齐
【发布时间】：2014-03-31 01:48:15
【问题描述】：

我有一个 asp.net 网页 - 在其中我有一个 asp 文本框，右边是一个 asp 标签。

标签的字体很小，因此高度比文本框小得多。我希望标签垂直对齐到文本框的中间。

当前标签与文本框底部对齐。

我如何做到这一点？

【问题讨论】：

标签： asp.net textbox alignment label webpage

【解决方案1】：

最好的方法总是使用“table” 我总是这样做。很有帮助。

【讨论】：

【解决方案2】：

最简单的方法是用 CSS 解决。

<asp:TextBox runat="server" ID="txtEveryHour" Width="30px" CssClass="textbox" /> 
<asp:Label ID="Label6" runat="server" text="Hours" CssClass="label" />

.textbox {border: 1px solid #828282; height: 21px; }
.label { height: 25px; line-height: 25px; }

结果

【讨论】：

【解决方案3】：

你可以试试这个：

.myLabelClass {
 position: relative;
 top: 5px;
}

【讨论】：