Aftab Iqbal Clips Ответов: 1

Миниатюры не выравниваются вертикально в listview с помощью ASP net и bootstrap

Миниатюры не выравниваются по вертикали в listview с помощью bootstrap
вот разметка

Что я уже пробовал:

<asp:ListView ID="ListView1" runat="server">
<ItemTemplate>
    <div class="row">    
        <div class="col-sm-6">
            <table style="margin:auto;">
            <tr>
                <td style="margin:auto;width:100px;">
                    <img id="Image2" src='<%# Eval("imagename") %>' alt="hello" style="width:100px;" />
                </td>        
                <td>    
                    <a href="details.aspx?id=<%#Eval("id") %>"><%#Eval("Subject") %></a

                </td>                                                                                        
            </tr>
            </table>
        </div>
</ItemTemplate>
<ItemTemplate>
    <div class="row">    
        <div class="col-sm-6">
            <table style="margin:auto;">
            <tr>
                <td style="margin:auto;width:100px;">
                    <img id="Image2" src='<%# Eval("imagename") %>' alt="hello" style="width:100px;" />
                </td>                                        
                <td>
                    <a href="details.aspx?id=<%#Eval("id") %>"><%#Eval("Subject") %></a

                </td>                                                                                                            
            </tr>
            </table>
        </div>
</ItemTemplate>
</asp:ListView>

1 Ответов

Рейтинг:
10

MadMyche

Ключ к этому заключается в том, чтобы посмотреть на фактический HTML-код, который визуализируется. стиль изменения внутри него; а затем вернуть это обратно в ваш сетевой код.

В качестве предшественника отформатируйте то, что вы на самом деле имеете в своем коде; используя вкладки или другие фиксированные интервалы. Я заметил несколько ошибок в вашем шаблоне.

Первые два появляются в вашем aэлементы nchor (link); слишком не имеет закрывающей кавычки, и ни открытие, ни закрытие тега не завершаются должным образом

<a href="details.aspx?id=
   <%#Eval("id") %>"><%#Eval("Subject") %>
</a
Вторая проблема, которую я обнаружил, заключается в том, что в вашем шаблоне вы, похоже, не закрываете свой ряд div
<ItemTemplate>
   <div class="row">
      <div class="col-sm-6">
         <table style="margin:auto;">
            <tr>
               <td style="margin:auto;width:100px;">
                  <img id="Image2" src='<%# Eval("imagename") %>' alt="hello" style="width:100px;" />
               </td>
               <td>
                  <a href="details.aspx?id=
                     <%#Eval("id") %>"><%#Eval("Subject") %>
                  </a

               </td>
            </tr>
         </table>
      </div>
</ItemTemplate>

Richard Deeming

Есть еще и эти двое ItemTemplate определения, которые не будут работать. Возможно, один из них и должен был стать анархистом. AlternatingItemTemplate. :)

MadMyche

Да, заметил это, идентичный код... И все изображения будут иметь идентификатор "Image2"

Aftab Iqbal Clips

Да моя вина