ListView中的图片库

Question

有没有办法用Listview控件创建一个图片库？

我正在玩这个模板，但我不能在一行中得到不同的图片。

我想把三张画排成一行。类似的东西

图1图2图3

图4图5图6

现在我有了它

图1图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>  

我正在获取一个集合中图片的urls，因此是ListView。

Answer 1

忘了表吧--干净的标记是最初使用ListView的主要动机。为整个集合创建一个简单的包含div，并将宽度设置为三个图像的组合宽度(加上用于边框等的任何填充)。

然后，页面的自然流会将它们放在单独的行中。

更新下面是一些示例标记和CSS，可以帮助您入门:-) http://woorkup.com/2009/10/07/how-to-distribute-elements-horizontally-using-css/