0

为什么我的网格寻呼机显示如下:

它应该看起来像:

这是我的代码:

    <asp:GridView ID="grid" runat="server" AllowSorting="True"
         AutoGenerateColumns="False" CellPadding="0"  GridLines="None"
         PageSize='<%# int.Parse(System.Configuration.ConfigurationManager.AppSettings["gvPageSize"].ToString()) %>'
         Width="100%" OnRowCreated="grid_RowCreated" CssClass="mGrid"
         PagerStyle-CssClass="pgr" AlternatingRowStyle-CssClass="alt" AllowPaging="true"
 OnPageIndexChanging="grid_PageIndexChanging">

和CSS:

.mGrid {   
width: 100%;   
background-color: #fff;   
margin: 5px 0 10px 0;   
border: solid 1px #525252;   
border-collapse:collapse;}   
.mGrid td {   
padding: 2px;   
border: solid 1px #c1c1c1;   
color: #717171;} 
.mGrid th {   
padding: 4px 2px;   
color: #fff;   
background: #424242 url(grd_head.png) repeat-x top;   
border-left: solid 1px #525252;   
font-size: 0.9em;}
.mGrid .alt { background: #fcfcfc url(grd_alt.png) repeat-x top; }  
.mGrid .pgr { background: #424242 url(grd_pgr.png) repeat-x top;}
mGrid .pgr table { margin: 5px 0;}
.mGrid .pgr td {   
border-width: 0;   
padding: 0 6px;   
border-left: solid 1px #666;   
font-weight: bold;   
color: #fff;   
line-height: 12px;} 
.mGrid .pgr a { color: #666; text-decoration: none;}
.mGrid .pgr a:hover { color: #000; text-decoration: none;}
4

1 回答 1

0

在应用于寻呼机的 css 中,下面以粗体标记的 css (如边距和填充)可能是这种情况下的关键罪魁祸首。

.mGrid .pgr 表{边距:5px 0;}

.mGrid .pgr td { ...... padding: 0 6px; ……

您应该尝试在一些 DOM Inspector 中检查 css,例如 Chrome 开发人员工具/Firebug 并对其进行调整,直到您将其变为您希望的样子

于 2012-09-14T08:43:08.347 回答