datalist控件排版问题？？

zhougyu 2008-03-06 05:23:20

我设置了一个5行3列的datalist，前台显示的时候如果是三幅作品的话是正常的，但是如是一副作品的就跑到当中去了，如何解决啊？

<table border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td bgcolor="#ffffff" width="760" height="1365" valign=top >

<asp:DataList ID="ListDataList" runat="server" DataKeyField="img_id" RepeatColumns="3" RepeatDirection="Horizontal" BorderWidth="0px" CellSpacing="5" ShowFooter="False" ShowHeader="False" Width ="750px" Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False" Font-Underline="False" HorizontalAlign="Center" CellPadding="0">

<ItemTemplate>

<div style ="width:120px;height:140px;border:0px solid #ccc;overflow:hidden;position:relative;text-align:center;vertical-align:middle;background-color:transparent;">
<span style="position:absolute;top:50%;">
<asp:HyperLink ID="ListDetailHL" runat="server" NavigateUrl='<%# Bind("img_id", "listdetail.aspx?LISTID={0}") %>' >
<asp:Image ID="SmallImage" runat="server" CssClass="datalistimg" ImageUrl='<%# Bind("img_id", "showphoto.aspx?PICID={0}") %>' />
</asp:HyperLink>
</span> </div>

<table>
<tr>
<td>编号:</td>
<td align =left ><asp:Label ID="img_idLabel" runat="server" Text='<%# Eval("img_id") %>'></asp:Label></td>
</tr>

<tr>
<td>名称:</td>
<td align =left ><asp:Label ID="nameLabel" runat="server" Text='<%# Eval("name") %>'></asp:Label></td>
</tr>

<tr>
<td>画种:</td>
<td align =left ><asp:Label ID="class_nmLabel" runat="server" Text='<%# Eval("class_nm") %>'></asp:Label></td>
</tr>

<tr>
<td>作者:</td>
<td align =left ><asp:Label ID="au_nmLabel" runat="server" Text='<%# Eval("au_nm") %>'></asp:Label></td>
</tr>

<tr>
<td>尺寸:</td>
<td align =left ><asp:Label ID="sizeLabel" runat="server" Text='<%# Eval("size") %>'></asp:Label></td>
</tr>

<tr>
<td>售价:</td>
<td align =left ><asp:Label ID="priceLabel" runat="server" Text='<%# Eval("price") %>'></asp:Label></td>
</tr>

</table>
</ItemTemplate>

<ItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False" Font-Strikeout="False"
Font-Underline="False" HorizontalAlign="Center" VerticalAlign="Middle" />
<AlternatingItemStyle Font-Bold="False" Font-Italic="False" Font-Overline="False"
Font-Strikeout="False" Font-Underline="False" />

</asp:DataList> </td>
</tr>

<tr>
<td style="width: 778px; height:200;" bgcolor="#FFFFFF" align =right><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="97%" align="right" style="height: 16px"><asp:LinkButton ID="PreviousLB" runat="server" OnCommand="LinkButton_Click" CommandName="Previous" >上一页</asp:linkButton>
<asp:LinkButton ID="NextLB" runat="server" OnCommand="LinkButton_Click" CommandName="Next" >下一页</asp:linkButton></td>
<td width="3%" style="height: 16px"> </td>
</tr>
<tr>
<td align="right" style="height: 16px"> </td>
<td style="height: 16px"> </td>
</tr>
</table></td>
</tr>

</table>

...全文