将从数据库中检索到的图像显示为具有CSS样式的列表

本文关键字：CSS 列表 样式 显示 图像 数据库 检索 | 更新日期: 2023-09-27 18:36:09

我是 ASP.NET 的新手，我找不到一种解决方案来将从数据库中检索到的图像显示为具有CSS样式的列表。我找到了几种解决方案，例如使用DataList，DataGrid，Repeater等，但它们最终都会在表格单元格中显示图像，并且间距随着获取的图像数量而动态。所以我想知道是否有任何方法可以在 ASP.NET 图像控件中显示图像以及 CSS 样式（就像如何使用 PHP 一样，我知道这听起来很奇怪）。还是无论如何可以在固定列中整齐地显示它们？我在这里是个假人，所以请善待我，帮助我。任何建议不胜感激。

将从数据库中检索到的图像显示为具有CSS样式的列表

有很多方法可以做到这一点。

您可以制作一个简单的foreach循环，简单渲染图像并显示结果。无需使用其他控件。我将图像放在li内，因为您可以使用简单的 css 样式使它们呈现为表格。

List<string> lMyImages = new List<string>();
StringBuilder sRenderOnMe = new StringBuilder();
foreach(var OneImg in lMyImages)
   sRenderOnMe.AppendFormat("<li><img src='"{0}'"></li>", OneImg);
OneLiteral.Text = sRenderOnMe.ToString():

您还可以使用asp:Repeater，您可以在其中渲染您喜欢的任何内容。 如何：http://msdn.microsoft.com/en-us/magazine/cc163780.aspx

<asp:Repeater runat="server" id="Repeater1">
    <itemtemplate>
      <li><img src="<%# DataBinder.Eval(Container.DataItem, "ImgSrc") %>"></li>
    </itemtemplate>
</asp:Repeater>

您可以覆盖数据列表并使用div 随心所欲地渲染它，如何： 如何覆盖要呈现为div 而不是表的数据列表？

Css：以下是使用<li>渲染显示为动态表的图像的方法： http://mirificampress.com/permalink/the_amazing_li

如果您使用的是 WebForms 并希望坚持使用 .net 控件，请查看 ListView

Repeater 不会创建任何表，除非像这样使用，您可以使用 css 进行样式化，但愿它对您有所帮助。

<ul>
    <asp:Repeater ID="rptr" runat="server">
        <ItemTemplate>
            <li>
                <ContentTemplate>
                    <asp:Image ID="lnk" runat="server">/asp:LinkButton>|
                </ContentTemplate>
            </li>
        </ItemTemplate>
    </asp:Repeater>
</ul>
相关文章：