如何正確對齊GridView分頁按鈕？

我無法獲得我的分頁按鈕：「< < <> >>」以正確對齊。這裏是我的GridView：如何正確對齊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 = 「右」，但我不明白我需要的填充。並且像我的示例一樣指定CssClass和HorizontalAlign都不起作用。

我需要做什麼？

謝謝！

來源

2012-09-06 unnknown

它看起來是因爲糟糕的標記Web窗體輸出。尋呼機在td內被創建爲一個表格。我可以得到它與這個CSS一起工作：

.gridpager table { 
    float: right; 
}

編輯：很高興你知道了。我不知道你是否想用純CSS來做。我也不太喜歡float方法。

編輯2：看起來像渲染的網格使用在td的align屬性用於當您使用<PagerStyle HorizontalAlign="Right" />

來源

2012-09-06 22:01:00 Gromer

很感謝這個信息 – unnknown

嗯，我覺得有點傻，但事實證明我只是需要從我的風格中刪除「文本對齊：正確」。謝謝閱讀！

來源

2012-09-06 21:59:55 unnknown

你可以做一個簡單的CSS技巧尋呼機：

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

這應該解決問題。

來源

2013-03-11 19:38:56 Salik

如何正確對齊GridView分頁按鈕？

回答

相關問題