ListView styling

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

Это может быть потому, что у вас есть только одна ячейка таблицы <td>, поэтому это будет только просмотр в 1 столбце.

Например, чтобы отобразить таблицу с двумя столбцами, то сделало бы три ячейки таблицы (<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> 

Answer 2

Вы показываете свои данные в таблице для каждого элемента вашего источника данных. Вы должны пересмотреть этот подход.

Свойство отображения таблиц по умолчанию является блоком, поэтому поэтому ваши элементы отображаются так же, как и они.