asp.net - 如何在 ASP.Net 超链接中居中文本？

Question

我有Hyperlink一个设置高度的 ASP.Net。文本呈现在它的左上角。我如何垂直居中它（-文本）？

（在 C# 中我有：label1.TextAlign = ContentAlignment.MiddleCenter;。它是如何在 ASP.Net 中完成的？）

尝试了以下但它不起作用（无论是在 FF 还是在 IE 上）。

<form id="form1" runat="server">
<div>
<asp:HyperLink NavigateUrl="~/WebForm1.aspx" runat="server" CssClass="MyClass" BackColor="White" 
Height="100px" Text="MyText"  Width="200px" ></asp:HyperLink>
</div>
</form>

和：

.MyClass
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

Answer 1

将以下样式添加到您的HyperLink:

display:table-cell;
text-align:center;
vertical-align:middle;

如果您要重用该样式，最好定义一个类：

<asp:HyperLink ... class="myClass" >HyperLink</asp:HyperLink>

然后在您的样式表中：

.myClass{
    display:table-cell;
    text-align:center;
    vertical-align:middle;
}

或者添加内联样式：

<asp:HyperLink ... style="display:table-cell;text-align:center;vertical-align:middle;" >HyperLink</asp:HyperLink>

Answer 2

向 CssClass 或内联样式添加以下属性：

{
 display: table-cell;
 vertical-align: middle;

 line-height: 32px;
}

请注意，将“32px”替换为您的超链接高度。