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

Question

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

我尝试了以下方法，但是文本仍然居中显示（存在父级center标签）：

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

- Shimmy Weitzhandler

Answer 1

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

- Matthew Jones

Answer 2

可能

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

按照你的要求工作。

- anddoutoi

Answer 3

使用display:block替换size:100%（据我所知，size:100%不存在）

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

- Alsciende

Answer 4

Grid-view最终会被渲染为一个表格本身，因此，使用基本的CSS选择器，我们可以解决这个问题。我用以下方法来解决我遇到的相同问题，希望能帮助其他寻找这个线程的人。

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

希望这有所帮助。

- Yashash Gaurav