0

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

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

在此处输入图像描述

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

.ContentTable {
    width: 100%;
}

.ContentTable tr {
    height: 18px;
}

.ContentTable tr td{
    width: 25%;
}

现在，我有一个额外的要求，即能够动态删除给定的项目及其标签。如果我只是隐藏项目/标签 - 表格中会留下一个空白。我希望每行始终显示 2 个项目/标签，并且随着项目/标签被隐藏，所有内容都会向上折叠。

这听起来像是 div 可以更轻松地完成的事情吗？或者有没有办法告诉一个表格对象“每行总是有这么多列。如果隐藏了一列，从下一行拉起第一列并将所有内容向前滑动”？

4

1 回答 1

1

拥有一张大表是没有意义的，因此即使您保留由表组成的标记，您也应该将其分成两列（这将使您显示/隐藏其中一列的某些行的问题消失：o） .

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

于 2012-10-12T23:48:33.077 回答