레일스 3.1의 가로 테이블에 항목을 표시하는 방법

Question

전자 상거래 페이지의 항목을 레일스에 표시하고 싶습니다. 표준 세로 목록 테이블 대신 왼쪽에서 오른쪽으로 제목과 이미지를 표시하고 싶습니다. 맞아, 약 4 번 건너 뛰고 추가 된대로리스트를 계속 진행하십시오 : ie.

항목 1 항목 2 항목 3 항목 4

항목 5 항목 6 ....

내 제 추측은 각 칼럼 - 위해 I 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을 가지고, 그래서 그들은 다른 후 하나를 줄 수 있습니다.