ItemTemplate中的列表視圖 - 佈局問題

我有以下的列表視圖在我的aspx頁面ItemTemplate中的列表視圖 - 佈局問題

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

產生的網頁顯示我的形象與它旁邊的鏈接按鈕。我想要的是每個項目都以Linkbutton爲中心的圖像。

有人可以幫助我與必要的HTML或CSS來實現這一目標。

來源

2012-08-07 user1247395

嘗試使用以下的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）到列表視圖中的項目。

如果你沒有得到linkbutton在中心添加一些margin-left它顯示在中心。

來源

2012-08-07 12:59:52 Narendra

不幸的是這並沒有讓我我需要什麼。我的照片和鏈接仍然是並排的。這個標記只是將它們放在容器中。我需要的是圖片下方的鏈接。這是它最初看起來像[之前]（http://stackstuff.tumblr.com/image/28976949852），這是它添加div標籤[後]（http://stackstuff.tumblr.com/image/28976962386） – user1247395 2012-08-08 12:08:44

我正在尋找具有下方鏈接的照片，並每隔4行進行一次。 – user1247395 2012-08-08 12:12:08

您應該添加這些問題。否則，某人會如何知道，你需要什麼。我已經相應地改變了答案。讓我知道是否需要其他東西。 – Narendra 2012-08-09 04:25:34

試試這個：

<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-07 13:03:38

ItemTemplate中的列表視圖 - 佈局問題

回答

相關問題