我有一些圖像上傳和他們的路徑在數據庫中,並添加圖像的模板列,它表現出很好,但圖像顯示在彼此之上這裏是我的代碼:如何對齊GridView控件中的圖像彼此相鄰
<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
感謝
當你說他們表現出了「在彼此的頂部」你的意思是,他們出現在一列在屏幕上垂直,或者你的意思是他們互相掩護? – StriplingWarrior 2011-05-02 22:12:37
@StriplingWarrior - 就像一列,它們全都可見 – Wahtever 2011-05-02 22:26:07