ListView의 사진 갤러리

Question

Listview 컨트롤을 사용하여 사진 갤러리를 만드는 방법이 있습니까?

이 템플릿으로 재생 중이지만 한 줄로 다양한 사진을 얻을 수 없습니다.

한 줄에 3 장의 사진이 있습니다. 뭔가해야만

같이 는

그림 1 그림 2 그림 3

는 그림 4 그림 5 그림 6 지금

제가

그림 1 그림 1 그림 1

그림이 그림이 그림처럼 가지고 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이야 당신은 u는 나에게 간단한 예제를 적어주세요 수 있습니다 :-) http://woorkup.com/2009/10/07/how-to-distribute-elements-horizontally-using-css/