ruby-on-rails - 为 css 多列布局重新排序数组

Question

如何重新排列数组

[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 }

这应该产生:

| 1 | 2 | 3 |
| 4 | 5 | 6 |
| 7 | 8 | 9 |

Answer 1

ary = (1..9).to_a
ary.each_slice(3).to_a.transpose.flatten