我想显示复杂记录的列表,但尝试将其简单地放入表格中似乎效果不佳。
我想要这样的布局:
每条完整记录都可以放入一个表格单元格(每行一个单元格),然后我可以使用 <div>
每个单元格中的标签。将 div 放入表格单元格中是否可能导致显示问题?无论如何它都可以简单地用 div 来完成,所以这也许是个坏主意。
在每条记录中,有相当多的组成部分。如果我用 div 布置它们,我需要做什么来确保每个标签/值对都在正确的位置?或者是否有更好的方法来确保布局一致?
显然,每条记录的值都会不同,因此为了保持一致的外观,我需要所有标签都垂直排列。
如果问题看起来有点含糊,那是因为我对如何做的理解含糊...即使有一些帮助澄清问题也会很棒!
最佳答案
在表格单元格中使用 div 没问题。应该不会引起问题。
虽然看着你的模型,但从语义上我会说它不是一张 table 。没有列、列标题等。
它看起来更像是一个包含更多详细信息的元素列表。
我会使用一个带有 li 和 div 的 ul 来进一步布局。
此外,如果您需要 ID 完全一样,您可以在每个 li 中使用图例元素。
关于html - 如何对多行复杂记录进行 HTML 布局?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10988795/