如何右对齐GridView分页按钮？

Question

我不能让我的翻页按钮："<< <> >>“正确对齐。这是我的GridView：

               <asp:GridView ID="GridView1" ShowHeader="false" AllowPaging="true" PageSize="2"
                                AutoGenerateColumns="false" Width="100%" runat="server">
                                <Columns>
                                    <asp:TemplateField>
                                        <ItemTemplate>
                                           foo
                                        </ItemTemplate>
                                        <ItemStyle CssClass="blah" />
                                    </asp:TemplateField>
                                    <asp:TemplateField>
                                        <ItemTemplate>
                                            bar
                                        </ItemTemplate>
                                        <ItemStyle CssClass="pluh" />
                                    </asp:TemplateField>
                                </Columns>

                                <PagerStyle CssClass="gridpager" HorizontalAlign="Right" />
                                <PagerSettings Mode="NextPreviousFirstLast" FirstPageText="<<" PreviousPageText="<"
                                    NextPageText=">" LastPageText=" >>"  Position="Bottom" />

                            </asp:GridView>

和CSS样式：

   .gridpager, .gridpager td
    {
       padding-left: 5px;
       text-align: right;
    }    

如果我删除PageStyle CssClass并在PagerSettings上使用HorizontalAlign="Right“，它就可以工作了，但是我没有得到所需的填充。并且像我的示例那样同时指定CssClass和HorizontalAlign是不起作用的。

我该怎么办？

谢谢!

Answer 1

它看起来是因为可怕的标记Web表单输出。寻呼机被创建为td中的一个表。我可以让它与这个CSS一起工作：

.gridpager table {
    float: right;
}

编辑:很高兴你把它弄清楚了。我不知道你是不是想用纯CSS。我也不太喜欢float方法。

编辑2:当您使用<PagerStyle HorizontalAlign="Right" />时，呈现的网格似乎使用了td中用于分页的align属性

Answer 2

好吧，我觉得有点傻，但事实证明我只是需要从我的风格中删除"text-align: right“。感谢您的阅读！

Answer 3

你可以做一个简单的css技巧：

.gridpager td table{
     margin-right:20px;
}

这应该可以解决这个问题。