asp.net - 使 datalist 或 listview 看起来像网格

Question

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

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("ContactType") %> <%#Eval("ID ") %> <%#Eval("FirstName")+" "+ Eval("LastName") %> <%#Eval("ContactType") %>