用层布局怎样分行显示图片

Question

我想用层的布局方式，把数据库中的图片显示出来，用的是下面的代码：

<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