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

5377037

GridViewTemplateFields在一起

我试图HeaderStyle-HorizontalAlign="Center"将TemplateField的标题文本居中对齐,但无法正常工作。

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

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

虽然ItemStyle-HorizontalAlign="Center"对准中心的TemplateField的项目是否正常工作。

任何帮助将不胜感激!

史蒂夫·钱伯斯

<center>标记在HTML 4.01中已弃用,在HTML5中不支持-您发布的工作代码可能是“ 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与ASP.Net等效<div>。)

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

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

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

<asp:Panel CssClass="center">

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章