Question

我希望超链接以GridView的单元格为中心，这是网格列的代码：

    <asp:TemplateField HeaderText="Ticket#"  ItemStyle-HorizontalAlign="Center"  SortExpression="ows_ID">
                <ItemStyle HorizontalAlign="Center"  />
                <ItemTemplate>
                     <asp:Hyperlink ID="hlID" Target="_parent" runat="server" Text='<%# Bind("ows_ID")%>' Font-Underline="false"  
                        NavigateUrl='<%#"Default.aspx?TktNo=" & Server.UrlEncode(Trim(Container.DataItem("ows_ID")))%>'/>

                </ItemTemplate>
            </asp:TemplateField>

HorizontalAlign =＆＃34;中心＆＃34;不起作用，ItemStyle-HorizontalAlign =＆＃34; Center＆＃34;。我已按照here所述设置样式，但也不起作用。仅供参考，引导也参与其中。我错过了什么？网格声明中的一些设置？请帮忙。

Answer 1

在CSS文件中，编辑td标记的样式。

td
{
text-align: center;
}

在网页上呈现时，GridView将转换为表格结构。因此GridView采用表格样式

Answer 2

你可以用css做到这一点：以下是此帖子中的demo：post

你必须在表格单元格中添加一个css类并将你的css包装到类中，否则它将以这种方式对齐所有td！

  td {
        height: 100%;
    }
    a {
        display: table;
        position: relative;
        height: 100%;
        width: 100%;
        background-color: yellow;
    }
    span {
        display: table-cell;
        text-align:center;
        vertical-align: middle;
        background-color: red;
    }

Answer 3

这可以通过两种方法实现

1- 尝试使用
的 ＆LT;中心＆gt;

＆LT; ItemTemplate＆gt; 'Font-Underline =“false”NavigateUrl ='＆lt;％＃“Default.aspx？TktNo =”＆amp; Server.UrlEncode（修剪（的Container.DataItem（ “ows_ID”）））％＆GT;'/＆GT;

            </ItemTemplate>

<强> ＆LT; / center＆gt;

2-或者您只是转到您网页的查看源文件尝试找到超链接的渲染html ....然后放置你的＆LT; asp：超链接＆gt; 在一个＆lt; span class =“class1”＆gt; ＆LT; / span＆gt;

＆LT;风格＆gt; .class1 {text-align：center; } ＆LT; / style＆gt;

Answer 4

唯一有效的方法是在div中放置div，并在div中对齐。

                        <div style="text-align:center">
                     <asp:Hyperlink ID="hlID" Target="_parent" runat="server" Text='<%# Bind("ows_ID")%>' Font-Underline="false"  
                        NavigateUrl='<%#"Default.aspx?TktNo=" & Server.UrlEncode(Trim(Container.DataItem("ows_ID")))%>'/>
                    </div>

Asp超链接对齐

4 个答案:

<强> ＆LT; / center＆gt;