我想在Rails中显示电子商务页面的元素,而不是标准的垂直列表,我想从左到右显示标题和图像,大约4个跨度,然后继续列表添加:即。
条目1 条目2 条目3 条目4
条目 5 条目 6 ....
我的第一个猜测是为每一列制定一个范围 - 我可以在其中跳过 4 倍的条目,但我想知道是否有更好的解决方案使用 CSS 或任何其他技巧?
最佳答案
Enumerable 上有一个名为 each_slice
的方法。基本上它的作用是给你一个数组的切片。
(1..10).each_slice(3) {|a| p a}
# outputs below
[1, 2, 3]
[4, 5, 6]
[7, 8, 9]
[10]
使用 CSS 的另一个选项是使用固定宽度的容器,例如 400px,然后让每个元素具有 width: 100px
和 float: left
,这样他们就会一前一后地排队。
关于css - 如何在 Rails 3.1 的水平表中显示条目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8548309/