如何集中对齐TemplateField的标题文本？

Question

我GridView和TemplateFields一起.

我试图HeaderStyle-HorizontalAlign="Center"将TemplateField的标题文本与中心对齐,但它不起作用.

<asp:TemplateField HeaderText="Events" HeaderStyle-HorizontalAlign="Center" 
    ItemStyle-HorizontalAlign="Center">
</asp:TemplateField>

我如何将TemplateField的标题文本对齐？

在ItemStyle-HorizontalAlign="Center"对齐中心时,TemplateField的项目正常工作.

任何帮助将非常感谢!

Answer 1

该<center>标记在HTML 4.01中已弃用,在HTML5中不受支持 - 您发布的工作代码可能是"CSS-ified",如下所示:

<asp:TemplateField ItemStyle-HorizontalAlign="Center">
    <HeaderTemplate>
        <asp:Panel style="margin-left: auto; margin-right: auto; text-align: center;">
            Events
        <asp:Panel>
    </HeaderTemplate>
<asp:TemplateField>

(注意:Panel是ASP.Net的等价物<div>.)

这里略有改进是为样式定义一个CSS类,以便可以在其他地方重用:

.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

...并从面板引用它而不是使用内联样式:

<asp:Panel CssClass="center">