2011-07-01 34 views
3

我想改變GridView中出現的尋呼機號碼之間的距離。我正在使用一個css文件來控制網格的樣式。GridView中的頁碼太遠

enter image description here

.gridViewPager td a 
{ 
color: white; 
text-decoration: none; 
text-align:justify right; 
} 

.gridViewPager td a:hover 
{ 
color: white; 
text-decoration: underline; 
text-align:justify right; 
} 
.gridViewPager span 
{ 
text-autospace:none; 
color: black; 
text-align:justify right; 
} 
+0

我會添加屏幕截圖,但由於我不允許添加網站限制。 –

+0

感謝編輯的問題,我不明白它 –

+0

我已添加屏幕截圖 –

回答

0

感謝大家 的問題是,每個數字是在位於在GridView尋呼機頁腳中的表中的單獨單元,所以通過改變列大小我能夠讓他們靠得更近。

.gridViewPager td 
{ 
    padding: 1px; 
    width:5%; 
} 
1

添加以下.gridViewPager TD一:在一個元素的兩側

display: block; 
padding: 2px 5px; 

這會給你2px的頂部和底部,併爲5px。

+0

謝謝 但事情不會讓步。也許我使用了太多不必要的定義? –

1

只需在Grid中調用CssClass =「gridViewPager」即可。該類的定義如下,

  .gridViewPager tr.paging td { 
       background-color: #FFFFFF; 
        border-bottom: 0; 
        color: #000000; 
        font-size:13px; 
       padding:0 4px 0 0; 
       } 
     .gridViewPager tr.paging { 
       background-color: #FFFFFF; 
        border: 0; 
        color: #000000; 
        font-size: 12px; 
        padding:0; 
       } 
     .gridViewPager tr.paging td span { 
       color:#993366; 
      text-decoration:underline; 
       font-size:13px; 
       } 
     .gridViewPager tr.paging td a { 
      color:#000000; 
      text-decoration:none; 
       } 
     .gridViewPager tr.paging td a:hover { 
      color:#993366; 
      text-decoration:underline; 
       } 

先檢查結果,然後調整填充和其他樣式,只要你喜歡。

希望這有助於..

+0

謝謝 我會嘗試 –

1

這是使用表格時沒有固定寬度的表格列的問題。 因此,您的列將佔用所有可用空間。

也許你可以在td和表上設置最大寬度並設置padding:0 7px;在td上也是如此。

這會限制單元格可用的空間。