Question

我目前正在与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

我该如何更改？

Answer 1

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

表＆＃39;默认情况下，display属性是块，所以这就是你的项目显示的原因。

Answer 2

可能是因为您只有一个表格单元格<td>所以这只会是一列列表视图。

例如，要显示两列表，您将在每个表行（<td>）中呈现三个表格单元格（<tr>），如下所示：

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

   ...

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

ListView样式

2 个答案: