使数据列表或列表视图看起来像网格

Question

如何使数据列表或列表视图项目作为网格而不是单个垂直列列出？我想要的是列表中的项目显示为网格，而不是一个项目低于另一个项目。我有一个从数据库中读取的员工照片列表，我想将它们放在一个网格中，这样我就可以利用空白空间并减少页面中的滚动，就像亚马逊在此页面中所做的那样。如何将列表配置为显示为网格？

Answer 1

将RepeatColumn属性设置为 2 或更多。

Answer 2

#mygrid li {
    float: left;
    margin: 20px;
    width: 200px;
}

Answer 3

您可以像下面这样创建：

<LayoutTemplate>
<table border="0" cellpadding="1">
<tr style="background-color:#E5E5FE">
<th align="left"><asp:LinkButton ID="lnkId" runat="server">Id</asp:LinkButton></th>
<th align="left"><asp:LinkButton ID="lnkName" runat="server">Name</asp:LinkButton></th>
<th align="left"><asp:LinkButton ID="lnkType" runat="server">Type</asp:LinkButton></th>

<%#Eval（"ID"） %> <%#Eval（"FirstName"）+"+Eval（"LastName"） %> <%#Eval（"联系人类型"） %> <%#Eval（"ID"） %> <%#Eval（"名字"）+" "+ Eval（"LastName"） %> <%#Eval（"联系人类型"） %>