如何對齊GridView控件中的圖像彼此相鄰

Question

我有一些圖像上傳和他們的路徑在數據庫中，並添加圖像的模板列，它表現出很好，但圖像顯示在彼此之上這裏是我的代碼：

<asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="False" 
      DataKeyNames="id" DataSourceID="SqlDataSource2" 
      EmptyDataText="There are no data records to display." BorderStyle="None"> 
      <Columns> 
       <asp:BoundField DataField="id" HeaderText="id" ReadOnly="True" 
        SortExpression="id" Visible="False" /> 
       <asp:TemplateField ShowHeader="False"> 
        <EditItemTemplate> 
         <asp:TextBox ID="TextBox1" runat="server" Text='<%# Eval("img") %>' 
          Tooltip='<%# Eval("img") %>'></asp:TextBox> 
        </EditItemTemplate> 
        <ItemTemplate> 
           <div style="height:90px;white-space:nowrap;display:inline;"> 
           <img id="photoAlbumPhotos" class="photoAlbumPhotos" runat="server" alt="Image Not Found" src='<%# Eval("img") %>' /> 
           </div> 
        </ItemTemplate> 
        <ControlStyle BorderStyle="None" /> 

        <ControlStyle BorderStyle="None" cssclass="test"></ControlStyle> 

        <HeaderStyle BorderStyle="None" /> 
        <ItemStyle BorderStyle="None" HorizontalAlign="Left" Wrap="False" 
         CssClass="test" /> 
       </asp:TemplateField> 
      </Columns> 
      <RowStyle Wrap="False" /> 
     </asp:GridView> 
     <asp:SqlDataSource ID="SqlDataSource2" runat="server" 
      ConnectionString="<%$ ConnectionStrings:testConnectionString1 %>" 
      DeleteCommand="DELETE FROM [img] WHERE [id] = @id" 
      InsertCommand="INSERT INTO [img] ([img]) VALUES (@img)" 
      ProviderName="<%$ ConnectionStrings:testConnectionString1.ProviderName %>" 
      SelectCommand="SELECT [id], [img] FROM [img]" 
      UpdateCommand="UPDATE [img] SET [img] = @img WHERE [id] = @id"> 
      <DeleteParameters> 
       <asp:Parameter Name="id" Type="Int32" /> 
      </DeleteParameters> 
      <InsertParameters> 
       <asp:Parameter Name="img" Type="String" /> 
      </InsertParameters> 
      <UpdateParameters> 
       <asp:Parameter Name="img" Type="String" /> 
       <asp:Parameter Name="id" Type="Int32" /> 
      </UpdateParameters> 
     </asp:SqlDataSource> 

我試圖像浮動：左，dispaly：內聯，內聯塊，但沒有運氣

我使用asp.net 4.0

感謝

Answer 1

ŧ他是一個GridView的正常行爲。您可以使用ListView控件和GroupTemplate財產實現由端呈現一個側面：

http://msdn.microsoft.com/en-us/library/system.web.ui.webcontrols.listview.grouptemplate.aspx