【发布时间】：2014-03-27 00:36:12
【问题描述】：
我目前正致力于在 asp.net 网站上显示游戏库。我已将游戏信息（例如名称、封面图片等）存储在数据库中，我想从数据库中检索游戏并将其显示在我的网站上。现在，我正在使用 GridView 来获取数据。它从我的表格中获取值uname（视频游戏的名称）和uimg（游戏的封面图片），并显示如下：
但是，我想编辑布局，使其看起来像这样：
如您所见，uname 显示在uimg 的正下方，每行大约有 3 个游戏。
到目前为止，代码（仅使用 Visual Studio 中的标准 GridView）看起来像这样。默认.aspx：
<asp:GridView ID="GridView1" runat="server" CellPadding="1" ForeColor="#333333" GridLines="None" AutoGenerateColumns="false">
<AlternatingRowStyle BackColor="White" />
<EditRowStyle BackColor="#7C6F57" />
<FooterStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
<HeaderStyle BackColor="#1C5E55" Font-Bold="True" ForeColor="White" />
<PagerStyle BackColor="#666666" ForeColor="White" HorizontalAlign="Center" />
<RowStyle BackColor="#E3EAEB" />
<SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
<SortedAscendingCellStyle BackColor="#F8FAFA" />
<SortedAscendingHeaderStyle BackColor="#246B61" />
<SortedDescendingCellStyle BackColor="#D4DFE1" />
<SortedDescendingHeaderStyle BackColor="#15524A" />
<Columns>
<asp:TemplateField HeaderText="Name">
<ItemTemplate>
<asp:HyperLink ID="lbl1" runat="server" NavigateUrl='<%#Eval("unavurl") %>' Text='<%#Eval("uname") %>' />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="Image">
<ItemTemplate>
<asp:HyperLink ID="img" runat="server" ImageUrl='<%#Eval("uimg") %>' NavigateUrl='<%#Eval("unavurl") %>' ImageHeight="159" ImageWidth="128" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
另外，只是为了添加它，这里是 C# 代码：
SqlDataAdapter da = new SqlDataAdapter("select uname,uimg,unavurl from games", con);
DataTable dt = new DataTable();
da.Fill(dt);
GridView1.DataSource = dt;
DataBind();
那么，有谁知道我如何做到这一点？这可以用 Gridview 完成，还是我应该看一些不同的东西？谢谢！
【问题讨论】：
-
您可以使用 GridView 来完成。请记住，它毕竟只是推出了一个 HTML 表格。因此，您可以使用 CSS 对其进行样式设置。