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

  • 问题

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

    <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

    2012年12月25日 0:56

答案

  • 你好!

    DataList 下面的属性可能控制分行 RepeatDirection、RepeatColumns 


    知识改变命运,奋斗成就人生!

    • 已标记为答案 wh_xiao 2012年12月25日 2:55
    2012年12月25日 1:37
    版主