更改表格信息的灵活显示？

Question

我有一个组织的员工页面。目前有 33 名工作人员按三排排列在一张桌子上。每列都有他们的图片、名称和指向他们的电子邮件、推特等的链接。它们按字母顺序组织，因此表格可能（伪）如下所示：

<table>
 <tr>
  <td>Jane Doe Stuff</td>
  <td>Jim Enn Stuff</td>
  <td>William Far Stuff</td>
 </tr>
 <tr>
  <td>Brian Ghan Stuff</td>
  <td>Anne Hand Stuff</td>
  <td>Mary Kite Stuff</td>
 </tr>
</table>

当有人离开时，问题就出现了——例如，如果 Jim Enn 离开，那么 Far 需要进入他的纵队，Ghan 进入 Far 的纵队，Hand 进入 Ghan 的纵队，Kite 进入 Hand 的纵队。解雇一名员工需要做大量不必要的工作。

同样，如果将一个人添加到表中（例如 James Frat），则必须将 Ghan、Hand 和 Kite 全部向下移动一列，以便为 Frat 腾出空间。

我正在做的一件大事是替换组织当前使用的 CMS，这是专有且有限的。通常我会将数据保存在数据库中，对数据信息进行排序并动态插入适当的列……但我无权访问数据库后端。

我确实可以访问 HTML - 尽管编辑器偶尔会混淆我的输入（当然，当我输入换行符时，我的意思是让您将其转换为段落）

它还提供对文档头部的访问，这很好。理论上我可以使用 JavaScript，但这也可能会搞砸。想知道如何在我目前的限制下完成这项工作？

Answer 1

而不是table，您应该使用divs 并浮动它们。这样，如果一个 div 被删除，其他 div 将填充。