我想在Rails中显示电子商务页面的项目,而不是标准的垂直列表表格,我想标题和图像从左到右正确,大约4,然后继续添加列表:即。我怎样才能在rails 3.1中的水平表中显示条目
条目第1条目2条目3条目4
条目5项6 ....
我的第一猜测是使一个范围为每列 - 在那里我可以由4倍跳过条目,但我想知道是否有更好的解决方案使用CSS或任何其他技巧?
我想在Rails中显示电子商务页面的项目,而不是标准的垂直列表表格,我想标题和图像从左到右正确,大约4,然后继续添加列表:即。我怎样才能在rails 3.1中的水平表中显示条目
条目第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将具有固定宽度的容器的另一种选择,比方说400像素,然后让每个元件具有width: 100px
和float: left
,所以他们会排队一个接一个。
除非我错了,你的问题有点含糊。请重新说明。 – ptriek 2011-12-17 22:26:07
@ptriek我认为Darth在下面找到了它 - 正在寻找在数组中显示数据表而不是列表。谢谢! – keade 2011-12-20 17:49:29