Html 使用display:table将表替换为div

Html 使用display:table将表替换为div,html,html-table,Html,Html Table,我是否可以使用display属性将完全重写为 我试过这把小提琴,但它没有使用100%的宽度?但它有什么意义?使用表格创建页面布局是一件坏事,但使用表格显示表格是最好的选择。这似乎是要模拟一个带有一些div的真实表。这不是一个好主意。我只需要对列和行进行分组,如果必须是有效的,我需要比html表允许的更多,所以我认为使用div合并列是明智的做法。要合并行,可以使用div:要对行进行分组,可以使用和。您可以使用多个tbody-s对行进行分组。你也有一个和玩。所有这些都是“标准”解决方案,而你的div

我是否可以使用display属性将
完全重写为


我试过这把小提琴,但它没有使用100%的宽度?

但它有什么意义?使用表格创建页面布局是一件坏事,但使用表格显示表格是最好的选择。这似乎是要模拟一个带有一些div的真实表。这不是一个好主意。我只需要对列和行进行分组,如果必须是有效的,我需要比html表允许的更多,所以我认为使用div合并列是明智的做法。要合并行,可以使用div:要对行进行分组,可以使用和。您可以使用多个tbody-s对行进行分组。你也有一个和玩。所有这些都是“标准”解决方案,而你的div-s在这种情况下有点“黑客”,我想。你可以试试这个链接:-我不太确定你在找什么。但是您的示例中的
class=“body”
元素存在嵌套问题。删除它应该会得到一个更“真实”的
表示。如果将根元素的宽度设置为100%,它将增长到包含元素的宽度。