C# 列表视图样式

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

但现在我的看起来是这样的：

 <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

---

如何更改此设置？

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

---

默认情况下，表的“显示”属性为“块”，因此这就是项目显示为“块”的原因。

这可能是因为您只有一个表单元格

，因此这将永远是一个单列列表视图

例如，要显示一个两列表格，您需要在每个表格行（

）中呈现三个表格单元格（

），如下所示：

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

   ...

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

第一条
第二条
...
第N-1条
第N条

我不知道默认情况下表的display属性是block，知道这一点很有帮助，因为将表设置为inline block有帮助。但是你有什么更好的建议吗？就在那里，一切都解决了！我删除了我的表css的display:inline块，以查看您的解决方案是否完成了任务，它确实完成了。谢谢保罗！不用担心，很高兴能帮上忙！