如何在 GridView 的 FooterTemplate 单元格中对齐文本

Posted 2023-03-05

【中文标题】如何在 GridView 的 FooterTemplate 单元格中对齐文本

【英文标题】：How to align text within a FooterTemplate cell in a GridView

【发布时间】：2010-11-03 08:16:25

【问题描述】：

我尝试了以下但文本仍然居中（有一个父中心标签）：

<FooterTemplate>
    <span style="size:100%; padding:0; text-align: right">Total:&nbsp;</span>
</FooterTemplate>

【参考方案1】：

Grid-view 最终将呈现为表格本身，因此，使用基本的 CSS 选择器，我们可以解决问题，我使用以下方法解决了我面临的相同问题，希望它可以帮助其他人对于这个线程

    tr:last-of-type td 
        align-content: center;
        vertical-align: middle;
        text-align: center;
    

希望有所帮助。

【参考方案2】：

使用 display:block 替换 size:100%（不存在，AFAIK）

<FooterTemplate>
  <span style="display:block; padding:0; text-align: right">Total: </span>
</FooterTemplate>

【参考方案3】：

在模板的父列尝试设置FooterStyle-HorizontalAlign="Right"

【参考方案4】：

也许

<FooterTemplate>
    <div style="text-align: right;">
        <span>Total: </span>
    </div>
</FooterTemplate>

随心所欲。