2012-11-02 22 views
0

可能重複:
Bind 5 items in each row of repeater如何強制每一行之後新線中繼

我使用的是Repeater控件以顯示我的某些元素。
這些元素使用表格格式,每個元素都包裝在自己的panel標籤中。

用戶可以添加/刪除這些元素的變量,這些元素可以選擇擴展/收縮div框。

截止目前,應用程序在一行上顯示3個div框,然後在新行上啓動一個新的div框。

不幸的是,如果前一行的div盒展開,它會在下一行的div框中混亂。

有沒有辦法在轉發器控制的每一行之後強制<br />


以下圖片將幫助顯示我的意思。

before and after

+0

@看起來似乎沒有工作的行爲 - 我們有一個完美的解決方案,無需關閉它。 – TheGeekZn

回答

1

這不是一個服務器端的問題。您可以使用CSS

首先,製作<div runat="server">,並在每3或4個項目後分配一個CSS類line-break。這可以使用Repeater的ItemDataBound事件。

稍後,在您的CSS樣式表中,使用clear: both規則對.line-break CSS類。

最後,當某些div的高度高於其他高度時,應避免使用不良效果。

UPDATE

我猜你申請float: left<div />元素。

+0

我怎麼知道第三個(現在是面板)顯示的時間? – TheGeekZn

+1

@NewAmbition在代碼隱藏或其他方面使用'int'類型的屬性作爲計數器。數到3.如果是3,則添加這樣的類。然後返回到0並開始再次計數到3,依此類推。 –

相關問題