Repeater控制显示列数

来源:互联网 发布:淘宝店铺装修轮播图 编辑:程序博客网 时间:2024/05/16 10:15
 

<head runat="server">
    <title></title>
    <style type="text/css">
        ul
        {
            list-style-type:none;
            width:800px;
        }
        #ulImg li
        {
            float:left;
            width:33%;
            margin-bottom:8px;
        }
        body
        {
            font-size:small;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Repeater ID="Repeater1" runat="server">
            <HeaderTemplate>
                <ul id="ulImg">
            </HeaderTemplate>
            <ItemTemplate>
                <li>
                    <img src='<%#eval_r("PhotoSrc") %>' alt='<%#eval_r("StaffName")%>' width="80px"

                     height="80px" /><br />
                    <%#eval_r("StaffName") %>
                </li>
            </ItemTemplate>
            <FooterTemplate>
                </ul>
            </FooterTemplate>
        </asp:Repeater>
    </div>
    </form>
</body>