我怎樣才能在rails 3.1中的水平表中顯示條目

Question

我想在Rails中顯示電子商務頁面的項目，而不是標準的垂直列表表格，我想標題和圖像從左到右正確，大約4，然後繼續添加列表：即。

條目第1條目2條目3條目4

條目5項6 ....

我的第一猜測是使一個範圍爲每列 - 在那裏我可以由4倍跳過條目，但我想知道是否有更好的解決方案使用CSS或任何其他技巧？

Answer 1

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，所以他們會排隊一個接一個。