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

Question

我有一个带有 TemplateField 的 GridView。

我已尝试使用 HeaderStyle-Horizo​​ntalAlign="Center" 将 TemplateField 的标题文本居中对齐，但它不起作用。

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

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

当 ItemStyle-Horizo​​ntalAlign="Center" 居中对齐时，TemplateField 的项目工作正常。

Answer 1

<center>标记在 HTML 4.01 中已弃用且在 HTML5 中不受支持 - 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>

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

这里的一个小改进是为样式定义一个 CSS 类，以便它可以在其他地方重用:

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

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

<asp:Panel CssClass="center">