ListViewスタイリング

Question

私は現在Listviewと戦っていますが、私はお互いの横に2つの画像（見出しなど）を表示しようとしていますが、わかりません。

私のコードは次のようになります。

<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

これは、1つの表セル<td>しかないので、これは1列のリストビューになるためです。

例えば、2列のテーブルを表示するには、あなたが各テーブルの行に（<tr>）の3つの表のセル（<td>）をレンダリングするでしょうが、そうのように：

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

    ... 

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

Answer 2

データソースの各アイテムのテーブルにデータを表示しています。あなたはそのアプローチを考え直すべきです。

テーブルの表示プロパティはデフォルトではブロックであるため、アイテムがそのまま表示されます。