0

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

2 に答える 2

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>
于 2012-07-18T18:03:18.803 に答える
0

次の属性を CssClass またはインライン スタイルに追加します。

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

 line-height: 32px;
}

「32px」をハイパーリンクの高さに置き換えることに注意してください。

于 2013-10-15T07:31:15.660 に答える