Question

datalist行间距过大

HTML中，我是这样写的：

<asp:DataList ID="DLOpen" runat="server" CellPadding=0 BorderWidth=0>
<HeaderStyle BorderWidth=0 />
<ItemStyle BorderColor=0 />
<HeaderTemplate>
<table width="800px" class="TableCss" >
<tr class="TableHeadCss"><td>序号</td>
<td>商家帐号</td>
<td>商家名称</td>
<td>店铺类型</td>
<td>真实姓名</td>
<td>性别</td>
<td>联系电话</td>
<td>身份证号码</td>
<td>申请时间</td>
<td>操作</td></tr>
</HeaderTemplate>
<ItemTemplate>
<tr class="TableItemCss"><td align="center"><%#Container.ItemIndex+1 %></td>
<td><%# Eval("uid")%></td>
<td><%# Eval("uname")%></td>
<td><%# Eval("Type")%></td>
<td><%# Eval("realName")%></td>
<td><%# Eval("sex")%></td>
<td><%# Eval("Phone")%></td>
<td><%# Eval("idCard")%></td>
<td><%# Eval("appTime")%></td><td>
<input type="button" TheOpenId=<%# Eval("openId")%> onclick="return fn_UpdateOpenShop('2',this.TheOpenId);" value="通过" />
<input type="button" TheOpenId=<%# Eval("openId")%> onclick="return fn_NoOpen('-1',this.TheOpenId);" value="拒绝" />
</td></tr>
</ItemTemplate>
<FooterTemplate></table></FooterTemplate>
</asp:DataList>

但是，页面显示出来的表格，在每行中间会有很宽的行距，即使我把整个DataList控件的行间距等设成0也是一样。请问哪位高手帮忙解决一下。谢了。只有20积分了。

Answer 1

这是我的另一个帐号。图片这个可以上传，那个传不了。

CSS：

TableCss

{

 background-color:#696969; 

 margin:1px;

 padding:0px;

 border:0px;

}

.TableHeadCss

{

 background-color:#eeeeee;

 text-align:center;

 height:22px; 

}

.TableItemCss

{

 background-color:#ffffff;

 margin:0px;

}

Answer 2

TableCss里是不是设了height了？另外，这样给出来的信息不足以帮你定位错误。最好能有个你这段代码运行效果的截图。

Answer 3

首先要说的是：可以用 ItemTemplate 调整显示内容；之后，datalist 布局有两种，即table 和 flow ,都可以可用CSS进行控制的，当然得注意 你面的内容太多 也会撑大的。
css :

#DataList1 {

/* height, lineheight or margin or padding etc. */}
如果是 table布局：

#DataList1 {/* height, lineheight or margin or padding etc. */}

#DataList1 td {/* height, lineheight or margin or padding etc. */ }

Answer 4

看这句 <tr class="TableItemCss"> 检查TableItemCss这个CSS如何设定的

Answer 5

表格重新定做,把表格的height属性设置为aotu 或者设置和文字差不多一样高,就可以拉近距离了!

Answer 6

是否有单元格产生了多行显示现象
datalist改用repeater控件