0

aspxページに次のリストビューがあります

<asp:ListView ID="ListView1" GroupItemCount="4" runat="server" 
     DataKeyNames="contentid" DataSourceID="sqldsPhotos">
<LayoutTemplate>
    <asp:Placeholder
    id="groupPlaceholder"
    runat="server" />
</LayoutTemplate>
<GroupTemplate>
    <div>
    <asp:Placeholder
    id="itemPlaceholder"
    runat="server" />
    </div>
</GroupTemplate>
<ItemTemplate>

    <asp:Image id="picAlbum" runat="server" 
         ImageUrl='<%# "ShowImage.ashx?id=" + Convert.ToString(Eval("contentid")) %>'   
         Height="108" Width="192" />
    <asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton>
    </ItemTemplate>
<EmptyItemTemplate>           

</EmptyItemTemplate>
</asp:ListView>

結果のWebページには、画像の横にリンクボタンが表示されます。私が欲しいのは、各アイテムの下にリンクボタンが中央に配置された画像です。

誰かがこれを達成するために必要なhtmlまたはcssで私を助けてくれますか？

4

2 に答える 2

1

内部で次のhtmlを試してくださいItemTemplate

<div style="float: left; margin-left: 10px; text-align:center;width: 192; ">
    <asp:Image id="picAlbum" runat="server" 
         ImageUrl='<%# "ShowImage.ashx?id=" + Convert.ToString(Eval("contentid")) %>'   
         Height="108" Width="192" />
    <asp:LinkButton ID="LinkButton1" runat="server"
         style="display: block; clear: both;">LinkButton</asp:LinkButton>
</div>

上記のコードは、div を並べて表示します。したがって、4 つの div を表示するには、リスト ビューのアイテムに (800px) を追加します。

中央にリンクボタンが表示されない場合は、いくつか追加して中央margin-leftに表示します。

于 2012-08-07T12:59:52.003 に答える
0

これを試して：

<div style="width: 192px; text-align:center;">
    <asp:Image id="picAlbum" runat="server" 
         ImageUrl='<%# "ShowImage.ashx?id=" + Convert.ToString(Eval("contentid")) %>'   
         Height="108" Width="192" /><br/>
    <asp:LinkButton ID="LinkButton1" runat="server">LinkButton</asp:LinkButton>
</div>
于 2012-08-07T13:03:38.143 に答える