Question

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

Answer 1

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

Answer 2

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

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>

＆lt;％＃Eval（“ID”）％＆gt; ＆lt;％＃Eval（“FirstName”）+“”+ Eval（“LastName”）％＆gt; ＆lt;％＃Eval（“ContactType”）％＆gt; ＆lt;％＃Eval（“ID”）％＆gt; ＆lt;％＃Eval（“FirstName”）+“”+ Eval（“LastName”）％＆gt; ＆lt;％＃Eval（“ContactType”）％＆gt;

使datalist或listview看起来像网格

3 个答案: