ListView中的照片庫

Question

有沒有什麼辦法使用Listview控件創建照片庫？

我玩這個模板aroud，但我無法得到不同的圖片在一行。

我想在一行中有3張圖片。財產以後像

產品圖1產品圖2產品圖3

產品圖4產品圖5產品圖6

現在我有它像

產品圖1產品圖1產品圖1

產品圖2產品圖2產品圖2

我的代碼

<LayoutTemplate> 
    <table> 

     <asp:PlaceHolder ID="groupPlaceholder" runat="server"></asp:PlaceHolder> 
    </table> 
</LayoutTemplate> 
<GroupTemplate> 
    <tr> 
     <asp:PlaceHolder ID="itemPlaceholder" runat="server"></asp:PlaceHolder> 
    </tr> 
</GroupTemplate> 

<ItemTemplate> 
    <tr> 
     <td> 
      <img alt="" src="<%# "http://" + Request.Url.Authority + "/" + Eval("thumbnailPath") %>" /> 
     </td> 
     <td> 
      <img alt="" src="<%# "http://" + Request.Url.Authority + "/" + Eval("thumbnailPath") %>" /> 
     </td> 
     <td> 
      <img alt="" src="<%# "http://" + Request.Url.Authority + "/" + Eval("thumbnailPath") %>" /> 
     </td> 
    </tr> 
</ItemTemplate> 

我正在獲取集合中圖片的url，因此ListView。

Answer 1

忘掉表格 - 乾淨的標記是首先使用ListView的主要動機。爲整個集合創建一個簡單的包含div，並將寬度設置爲三個圖像的合併寬度（加上您對邊框等的任何填充）。

然後頁面的自然流動會將它們放在單獨的行中供您使用。

[更新] 下面是一些樣本標記和CSS來幫助你:-) http://woorkup.com/2009/10/07/how-to-distribute-elements-horizontally-using-css/