DataList图片交错显示

Question

DataList可不可以实现这样图片交错显示的效果？如果DataList不能，有什么可以实现吗？
求思路~

Answer 1

repeater根据序号添加td，设置最大TD数
图片显示open.com/ajax/Gallery.htm

Answer 2

如果DataList1.RepeatColumns=4;
加一个div,如:
<div id="div1" runat ="server" style=" padding-left:20px;">
<asp:Image ID="imgUser" runat="server" src='<%# ..... %>' />
</div>后台控制padding-left,如:
    int i = 1,j=0;
    protected void DataList1_ItemDataBound(object sender, DataListItemEventArgs e)
    {
        if (e.Item.ItemType == (ListItemType.Item | ListItemType.AlternatingItem))
        {
            i++;
            if (i % 4 == 0)
            {
                j++;
            }            if (j % 2 == 0)
            {
                HtmlControl c = (HtmlControl)e.Item.FindControl("div1");
                c.Attributes.Add("style", "padding-left:0px");
            }
        }
    }
试试

Answer 3

续楼上,
先
using System.Web.UI.HtmlControls;

Answer 4

设置RepeatColumns
根据Container.ItemIndex+1,设置 CSS样式的padding-left

Answer 5

回楼主:
i%4=0是4条记录一行,即满足该条件设置j;
j是行数,j%2=0是判断偶数行