如何在rails 3.1中的水平表中显示条目

我想在Rails中显示电子商务页面的项目,而不是标准的垂直列表,我想从左到右的标题和图像,大约4跨,然后继续列表添加:即。

第1项第2项第3项第4项

第5项入门6 ….

我的第一个猜测是为每个列创建一个范围 – 我可以将条目跳过4倍,但我想知道是否有更好的解决方案使用CSS或任何其他技巧?

Enumerable上有一个方法叫做each_slice 。 基本上它的作用是给你一个数组的切片。

 (1..10).each_slice(3) {|a| pa} # outputs below [1, 2, 3] [4, 5, 6] [7, 8, 9] [10] 

使用CSS的另一个选择是拥有一个固定宽度的容器,比如400px,然后让每个元素都有width: 100pxfloat: left ,这样它们就会一个接一个排列。