GridView中的页码太远了

时间:2011-07-01 06:39:23

标签: asp.net css

我正在尝试更改GridView中显示的寻呼机号码之间的距离。我正在使用css文件来控制网格的样式。

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;
}

4 个答案:

答案 0 :(得分:1)

将以下内容添加到.gridViewPager td a:

display: block;
padding: 2px 5px;

这将在顶部和底部提供2px,在a元素的任一侧提供5px。

答案 1 :(得分: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;
               }

首先检查结果,然后根据需要调整填充和其他样式。

希望这会有所帮助..

答案 2 :(得分:1)

当您使用表时,这是一个问题,并且表列上没有设置固定宽度。 因此,您的列将占用所有可用空间。

可以在td和表上设置最大宽度并设置填充:0 7px;在td上也是如此。

这将限制单元格的可用空间。

答案 3 :(得分:0)

感谢大家 问题是每个数字都在一个表格中的单独单元格中,该表格位于gridview寻呼机页脚中,因此通过更改列大小,我可以使它们更加靠近。

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