如何在转发器中的每一行之后强制换行

时间:2012-11-02 08:40:26

标签: c# asp.net repeater

  

可能重复:
  Bind 5 items in each row of repeater

我正在使用Repeater控件为我显示某些元素 这些元素以表格格式工作,每个元素都包含在自己的panel标记中。

用户可以根据选择添加/删除这些元素中的变量,这些变量会扩展/收缩div框。

截至目前,该应用程序在一行显示3个div框,然后在新行上启动一个新的div框。

不幸的是,如果前一行的div框扩展,它会在下一行的div框中乱转。

有没有办法在转发器控件中的每一行之后强制<br />


以下图片将有助于说明我的意思。

before and after

1 个答案:

答案 0 :(得分:1)

这不是服务器端问题。

您应该使用 CSS

首先,制作<div runat="server">,并在每3或4个项目后分配一个CSS类line-break。这可以使用Repeater的ItemDataBound事件。

稍后,在CSS样式表中,对clear: both CSS类使用.line-break规则。

最后,当一些div的身高高于其他人时,这应该可以避免不良影响。

<强>更新

我猜您正在将float: left应用于<div />元素。