Question

我在div中有一个linkbutton。我设定了高度＆amp; div的宽度使用css看起来像一个正方形。我还设置了高度和高度linkButton的宽度来自css。也是我的LinkButto display propery设置为阻止。（在整个控件上获取超链接效果）。我现在想要的是将LinkButton文本垂直和水平居中。

我尝试了div和linkbutton的所有可能属性而没有运气。我能做到这一点的唯一方法是设置填充（顶部，左侧，右侧），但随后它会弄乱布局。

 .divblock
 {
     background-color :#EEEEEE;
     border:2px solid;
     width : 90px;
     height :80px; 
 }

 .Linkbutton
 {
     text-decoration: none ;
     color :black  !important;
     display:block;
     width : 85px;
     height :80px;
}

ASPX：

<div id="myDiv" runat="server">

            <asp:DataList ID="dl1"  runat="server" RepeatDirection="Horizontal"      ItemStyle-CssClass ="Items"  ItemStyle-HorizontalAlign="Center">
                <ItemTemplate>
                    **<div class ="divblock">**
                    <asp:LinkButton **CssClass="Linkbutton"** OnCommand="PresItems_Command"     ID="TestLB1" runat="server" Text="Test" />
                   </div> 
                 </ItemTemplate>
</asp:DataList>
</div>

Answer 1

这是一个可能适合您的解决方案：

<强> Demo Fiddle

HTML：

<div class="divblock">
  <a href="" class="linkbutton">Lorem ipsum.</a>
</div>

CSS：

.divblock {
     //other styles

     display: table;
     text-align: center;
 }

 .linkbutton {
     //other styles

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

链接按钮的中心内容

1 个答案: