從JSON對象垂直排列在輸入HTML/CSS

在此先感謝的人誰幫助了。我正在爲一個評分系統（坐在準備學校）的Web界面上工作。我讓服務器在JSON對象中傳回測試。 JSON對象包含其部分，每個部分的問題沿測試名稱從JSON對象垂直排列在輸入HTML/CSS

例如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

我不知道什麼是最好的方式來做到這一點。更具體地說，我如何獲得垂直排列的輸入列，就像圖像中一樣（考慮到每個部分的問題數量可以根據哪個測試進行分級而變化）。非常感謝任何幫助！

來源

2012-04-13 gabereal

你可能想看看http://www.alistapart.com/articles/multicolumnlists/。它通過很多不同的方式來使用CSS來靈活地在列中顯示列表。

來源

2012-04-13 04:01:10 Bill

有趣的文章。感謝張貼。你認爲文章中的首選方法比反轉表更好嗎？我發現這[鏈接]（http://stackoverflow.com/questions/6297591/how-to-invert-the-rows-and-columns-of-an-html-table）。我正要進行嵌套標籤（嵌套在實際的細胞）的數量和相鄰小區標籤。有什麼理由避免這種技術？ – gabereal 2012-04-15 02:58:59

就我個人而言，我認爲在使用列表這樣的東西方面有更大的靈活性。根據你想要的迂腐程度，列表在這種情況下也更符合語義，因爲它確實是一個有序的項目列表。當您顯示錶格數據時，通常應使用表格，而不是演示文稿。最後，我說要做任何你能工作的事情，因爲那真的很重要:) – Bill 2012-04-15 05:17:07

從JSON對象垂直排列在輸入HTML/CSS

回答

相關問題