javascript - 将段落堆叠在一个表格单元格内，这样它们就不会占据那么高的高度

Question

我有一个包含多个单元格的表格。我的表目前看起来像这样:

<table>
  <tr>
    <th>Course</th>
    <th>Students</th>
  </tr>
<tbody>
  <tr>
    <td>Math</td>
  </tr>
  <td><p> Student 1</p><p> Student 2</p>...</td>
</table>

我的问题是学生名单可能非常大。我想说，好吧，如果有超过 50 名学生，请在该单元格内为其余学生创建另一个子栏。

所以，现在学生在单元格中显示如下:

Student1
Student2
Student3
Student4
Student5
Student6
Student7
Student8
Student9

我怎样才能让它像这样显示:

Student1   Student6
Student2   Student7
Student3   Student8
Student4   Student9
Student5

来自同一个单元格？

Answer 1

我通读了评论，我认为您使用表格的方法会让您大吃一惊。我不确定您需要支持哪些浏览器，但 column-count 可以让这变得非常简单。

它本质上是将您的学生放在一个列表中并执行 column-count: 3。

这是我想出的演示:http://jsbin.com/napam/1/edit