gridview 行间距
我的gridview行间距数量大的时候就变小,数量小的时候就变大,特别难看,各位大侠看有什么解决方法吗
代码如下:
<asp:GridView ID="GridView2" runat="server" PageSize="5" AutoGenerateColumns="False"
GridLines="None" ShowHeader="False" CellSpacing="1" Width="90%" Height="170px" OnRowDataBound="GridView2_RowDataBound" >
<Columns>
<asp:TemplateField>
<ItemTemplate>
<table align="center">
<tr>
<td height="27" align="middle" valign="center" style="BORDER-BOTTOM: #7397af 1px dashed" width="37"><div align="center">
<img height="11" src="images/b_04.png" width="11" /></div></td><td width="2"></td>
<td width="600" height="25" class="STYLE26" style="BORDER-BOTTOM: #7397af 1px dashed; font-size: 12px;" align="left"">
<a href='ShowInfo.aspx?menuid=<%# DataBinder.Eval(Container.DataItem,"menuid") %>&id=<%# DataBinder.Eval(Container.DataItem,"id") %>' style="text-decoration:none;color:Black" target="_blank"><span class="STYLE8">
<%# SubStr(DataBinder.Eval(Container.DataItem,"Title").ToString(),30)%></span></a>
</td>
</tr>
</table>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="id" Visible="False" />
</Columns>
</asp:GridView>
------解决方案--------------------不知道 gridview 编译后生成什么 你就不会处理它
.Grid
{
margin-top: 10px;
line-height: 20px;
width: 960px;
text-align: center;
}
.Grid TR
{
background-color: #FFFFFF;
}
.Grid TR.AlternatingRowStyle
{
background-color: #EFF3FB;
}
.Grid TR.AlternatingRowStyle a
{
background-color: #EFF3FB;
}
.Grid th
{
background-color: #e2f2ff;
}
.Grid a
{
color: #3366cc;
padding: 0px 0px;
border: solid 0px #ddd;
}
.Grid a:hover
{
color: #ff7300;
text-decoration: block;
background: #fff;
}
------解决方案--------------------给各个模板设置CssClass属性,并在CSS中设置样式
</Columns>
<FooterStyle CssClass="FooterStyle" />
<RowStyle CssClass="RowStyle" />
<EditRowStyle CssClass="EditRowStyle" />
<SelectedRowStyle CssClass="SelectedRowStyle" />
<PagerStyle CssClass="PagerStyle" />
<HeaderStyle CssClass="mytoplist" />
<AlternatingRowStyle BackColor="White" />