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

标签 html css json input

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

例如,给定测试的 JSON 片段可能如下所示:

{"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 表单,其中给定部分中的问题是垂直排序的输入。它应该如下图所示: enter image description here

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

最佳答案

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

关于html - html/css 中来自 JSON 对象的垂直排序输入,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10134159/

相关文章:

javascript - 修复我的 javascript 搜索栏

javascript - NodeJS 多站点网络抓取

javascript - 使用 json 的 d3.js 中的不完整图表

json - 在 Swift 中迭代解码 JSON 的字典键

javascript - 在展开选择之前和单击选择之后添加选项

javascript - 滚动条影响div的宽度

html - 由于 h5,按钮“立即应用”的字符之一被隐藏

html - CSS 在本地服务器上的呈现方式与在 IE 中通过互联网呈现的方式不同

CSS/JS - 在逗号分隔列表中的逗号处强制换行

html - Bootstrap Navbar 溢出并在 overflow hidden 时断开链接