列表视图样式

本文关键字：样式 视图 列表 | 更新日期: 2023-09-27 18:18:57

我目前正在与Listview作斗争，我试图将两个图像(带有标题等)放在彼此旁边，但我无法弄清楚。

我的代码是这样的:

 <asp:ListView runat="server" ID="LWArticleList">
        <ItemTemplate>
            <table id="TableArticleList" class="repclass">
                <tr>
                    <td>
                        <div class="thumb main">
                            <p class="thumb-comment">
                                <asp:HyperLink ID="CommentHyperLink" runat="server" CssClass="comment-count">10</asp:HyperLink></p>
                            <asp:HyperLink ID="ArticleLink" runat="server" NavigateUrl='<%# string.Format("~/Article.aspx?id={0}", Eval("ID")) %>'>
                                <asp:Image ID="Image1" Width="250px" Height="170px" runat="server" ImageUrl='<%# string.Format("{0}/{1}", ImageService.ImageLocation, Eval("Image")) %>' />
                            </asp:HyperLink>
                            <div class="thumb-title">
                                <h2><asp:HyperLink ID="LinkTitle" runat="server" Text='<%# Eval("Headline") %>' /></h2>
                                <p><asp:Literal ID="LitSummary" runat="server" Text='<%# Eval("Summary") %>' /></p>
                            </div>
                        </div>
                    </td>
                </tr>
            </table>
        </ItemTemplate>
    </asp:ListView>

我希望我的内容像这样显示:

Article 1 | Article 2
Article 3 | Article 4

但现在我的是这样的:

Article 1
Article 2
Article 3
Article 4

我怎样才能改变这个?

列表视图样式

这可能是因为你只有一个表格单元格<td>，所以这将只会是一个1列的listview

例如，要显示一个两列表，您需要在每个表行(<tr>)中呈现三个表单元格(<td>)，如下所示:

<table ...>
   <tr>
      <td>Article 1</td>
      <td>Article 2</td>       
   </tr>
   ...
   <tr>
      <td>Article N - 1</td>
      <td>Article N</td>
   </tr>
</table>

为数据源中的每个项目在表中显示数据。你应该重新考虑这种方法。

Tables的显示属性默认是block，所以这就是为什么你的条目显示为它们所做的。

相关文章：