如何在一个ASP.Net超链接文本居中？ [英] How do I center text in an ASP.Net Hyperlink?

问题描述

我有一个ASP.Net 超链接一组高度。该文本是在离开它的顶部渲染。我如何垂直居中（-the文字）？

（在C＃中我有：<？code> label1.TextAlign = ContentAlignment.MiddleCenter; 它是如何在ASP.Net完成）

试过以下，但它不工作（既不在FF，也不在IE浏览器）。

 ＆LT;表ID =form1的=服务器＆GT;
＆LT; D​​IV＆GT;
＆LT; ASP：超链接NavigateUrl =〜/ WebForm1.aspx的=服务器的CssClass =MyClass的背景色=白
高度=100px的文本=MYTEXTWIDTH =200像素＆GT;＆LT; / ASP：超链接＆GT;
＆LT; / DIV＆GT;
＆LT; /表及GT;
 

和

  .MyClass
{
    显示：表细胞;
    文本对齐：中心;
    垂直对齐：中间;
}
 

解决方案

以下样式添加到您的超链接：

 显示：表细胞;
文本对齐：中心;
垂直对齐：中间;
 

如果您要重用的风格是更好地定义一个类：

 ＆LT; ASP：超链接...类=MyClass的＆GT;超链接＆LT; / ASP：超链接＆GT;
 

，然后在你的样式表：

  .myClass {
    显示：表细胞;
    文本对齐：中心;
    垂直对齐：中间;
}
 

或添加样式内嵌：

 ＆LT; ASP：超链接...风格=显示：表细胞;文本对齐：中心;垂直对齐：中间; ＆GT;超链接＆LT; / ASP：超链接＆GT;
 

I have an ASP.Net Hyperlink with a set height. The text is rendered at the top left of it. How do I vertically center it (-the text)?

(In C# I'd have: label1.TextAlign = ContentAlignment.MiddleCenter; . How is it done in ASP.Net?)

Tried the following but it doesn't work (neither on FF nor on 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>

And:

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

解决方案

Add the following styles to your HyperLink:

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

If you are going to reuse that style is better to define a class:

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

and then in your stylesheet:

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

Or add the styles inline:

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

这篇关于如何在一个ASP.Net超链接文本居中？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！