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

我有一个GridView和TemplateField。

我已经尝试过HeaderStyle-HorizontalAlign="Center"将TemplateField的标题文本对齐到中心，但是它不起作用。

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

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

在ItemStyle-HorizontalAlign="Center"对齐中心时，TemplateField的各项正常工作。

任何帮助将不胜感激!

最佳答案

在HTML 4.01中不推荐使用<center>标记，而在HTML5中不支持Panel标记-您发布的working code可能是“CSS格式的”，如下所示:

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

(注意: <div> 是ASP.Net的ojit_code的等效项。)
这里的一个小改进是为样式定义了一个CSS类，以便可以在其他地方重用它:

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

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

<asp:Panel CssClass="center">