如何右对齐GridView分页按钮？
提问于 2012-09-06 21:50:31
我不能让我的翻页按钮："<< <> >>“正确对齐。这是我的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是不起作用的。
我该怎么办？
谢谢!
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-09-06 22:01:00
它看起来是因为可怕的标记Web表单输出。寻呼机被创建为td中的一个表。我可以让它与这个CSS一起工作：
.gridpager table {
float: right;
}编辑:很高兴你把它弄清楚了。我不知道你是不是想用纯CSS。我也不太喜欢float方法。
编辑2:当您使用<PagerStyle HorizontalAlign="Right" />时，呈现的网格似乎使用了td中用于分页的align属性
Stack Overflow用户
发布于 2012-09-06 21:59:55
好吧，我觉得有点傻，但事实证明我只是需要从我的风格中删除"text-align: right“。感谢您的阅读！
Stack Overflow用户
发布于 2013-03-11 19:38:57
你可以做一个简单的css技巧：
.gridpager td table{
margin-right:20px;
}这应该可以解决这个问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12308914
复制
腾讯云开发者
