来自 html/css 中 JSON 对象的垂直排序输入答案

【问题标题】：vertically ordered inputs from JSON object in html/css来自 html/css 中 JSON 对象的垂直排序输入
【发布时间】：2012-04-13 12:01:10
【问题描述】：

提前感谢任何提供帮助的人。我正在为评分系统（SAT 预备学校）开发 Web 界面。我让服务器在 JSON 对象中传回测试。 JSON 对象包含测试名称及其部分和每个部分的问题（换句话说，测试结构。）

例如，给定测试的 JSON 的 sn-p 可能如下所示：

{"Section 1":[{"subject":"Writing","experimental":"0","manual_assign":"1","columns":"1","number":null,"difficulty":null,"answer":null}],"Section 2":[{"subject":"Critical Reading","experimental":"0","manual_assign":"0","columns":"4","number":"1","difficulty":"Easy","answer":"B"},...

我需要从 JSON 对象构建一个 HTML 表单，其中给定部分中的问题是垂直排序的输入。它应该如下图所示：

我不确定最好的方法是什么。更具体地说，我如何获得像图像中那样垂直排列的输入列（考虑到每个部分的问题数量可能会根据正在评分的测试而有所不同。）非常感谢任何帮助！

【问题讨论】：

标签： html css json input

【解决方案1】：

您可能想查看http://www.alistapart.com/articles/multicolumnlists/。它介绍了许多不同的方式来使用 CSS 来灵活地在列中显示列表。

【讨论】：

有趣的文章。感谢您的发布。您认为文章中的首选方法比反转表格更好吗？我找到了这个link。我只是想让数字嵌套标签（嵌套在实际单元格中）和相邻单元格标签。有什么理由避免这种技术？
就我个人而言，我认为将列表用于此类事情会更加灵活。根据你想变得多么迂腐，在这种情况下，列表在语义上也更正确，因为它实际上是一个有序的项目列表。当您显示表格数据时，通常应该使用表格，而不是用于演示。最后，我说尽你所能，因为这才是真正重要的:)