css - 如何在 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 的选项是有一个固定宽度的容器，比如 400px，然后让每个元素都有 width: 100px 和 float: left，所以他们会一个接一个地排队。