我有一些图像上传和他们的路径在数据库中,并添加图像的模板列,它表现出很好,但图像显示在彼此之上这里是我的代码:如何对齐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