使数据列表或列表视图显示为网格

Question

如何使datalist或listview项目被列为网格而不是单个垂直列？ 我想要的是列表中的项目显示为网格，而不是一个项目在另一个之下。我列出了从数据库中读取的员工照片列表，我想将它们放入网格中，以便利用空白区域并减少页面中的滚动，exactly the way Amazon does it in this page。我如何配置列表显示为网格？

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（ “名字”）+ “” +评估和演示（ “名字”）％> <％＃的eval（ “ContactType”）％> <％＃的eval（ “ID”）％> <％＃的eval（ “姓”）+ “ ”+ 的eval（“ 名字 ”）％> <％＃的eval（“ ContactType”）％>