我想用层的布局方式,把数据库中的图片显示出来,用的是下面的代码:
<div>
<asp:DataList ID="dlDiscount" runat="server" RepeatDirection="Horizontal" OnItemCommand="dlDiscount_ItemCommand">
<ItemTemplate>
<div class="ttin">
<ul class="pos">
<li class="ty">
<asp:ImageButton ID="imageDiscount" runat="server" OnClick="imageDiscount_Click"
ImageUrl='<%#DataBinder.Eval(Container.DataItem,"BookUrl")%>' />
</li>
</ul>
</div>
</ItemTemplate>
</asp:DataList>
</div>
。。。。。。。。
.ttin {
vertical-align: top;
width: 200px;
height: 269px;
float:left;
}
.pos {
}
.ty {
display: block
}
这段代码可以显示图片,但是有一个问题,所有的图片都是显示在一行,如果图片很多,整个页面的布局就打乱了。我想根据图片的数量自动分成多行显示,搞了好久没弄好,问问大家。
xiao