Ruby on rails css多列布局的重新排序数组

Ruby on rails css多列布局的重新排序数组,ruby-on-rails,ruby,css,Ruby On Rails,Ruby,Css,如何对数组重新排序 [1, 2, 3, 4, 5, 6, 7, 8, 9] 进入 [1, 4, 7, 2, 5, 8, 3, 6, 9] 我需要它用于3列css布局: <ul> <li>1</li> <li>4</li> <li>7</li> <li>2</li> <li>5</li> <li>8</li> &

如何对数组重新排序

[1, 2, 3, 4, 5, 6, 7, 8, 9]
进入

[1, 4, 7, 2, 5, 8, 3, 6, 9]
我需要它用于3列css布局:

<ul>
  <li>1</li>
  <li>4</li>
  <li>7</li>
  <li>2</li>
  <li>5</li>
  <li>8</li>
  <li>3</li>
  <li>6</li>
  <li>9</li>
</ul>


ul { -webkit-column-count: 3 }
ari=(1..9).到
ary.每个切面(3).到a.转置.展平
| 1 | 2 | 3 |
| 4 | 5 | 6 |
| 7 | 8 | 9 |
slices = [1, 2, 3, 4, 5, 6, 7, 8, 9].each_slice(3).to_a
zip = slices[0].zip(*slices[1..-1]).flatten
#=> [1, 4, 7, 2, 5, 8, 3, 6, 9]