显示一些表格数据，但它具有动态布局。 DIV？表？

Question

我需要向用户显示一些数据。

数据显示为“Label：InputForLabel”，并且有两列。它看起来像这样：

我开始只使用每行有四列的表。每列的宽度为25％，表格的宽度为100％ - 所以这给出了我们上面看到的显示。

.ContentTable {
    width: 100%;
}

.ContentTable tr {
    height: 18px;
}

.ContentTable tr td{
    width: 25%;
}

现在，我还需要能够动态删除给定项目及其标签。如果我只是隐藏项目/标签 - 表格中会留下一个空隙。我希望每行显示2个项目/标签，并且当项目/标签被隐藏时，所有内容都会向上折叠。

这听起来像div可以更轻松地做些什么吗？或者有没有办法告诉表对象“每行总是有这么多列。如果列被隐藏，从下一行拉出第一列并向前滑动所有列”？

Answer 1

拥有一个大表是没有意义的，所以即使你使用由表组成的标记，你也应该将它分成两列（这将使你显示/隐藏其中一列的某些行的问题消失：O）

然后，当您将内容分成两列时，我们可以问问题是否适合表格布局：我认为MasterAM是正确的，您应该尝试使用ul来实现这一类布局（并且只隐藏列表的元素仍然像表中的行一样容易）