1

我想将几个嵌套的 div（如下所示）转换为具有表格、表格行和表格单元格显示样式的 CSS 表格结构。这工作正常。但是 DOM 结构中还有一些其他元素（下面由类“red”和“blue”标识）我无法删除，但我不需要它们来显示在屏幕上。如果我将这些元素留在 DOM 树中，表结构将无法正确显示。是否有可能让它们出现在 DOM 树中但在显示时忽略它们？

<div style="display: table">
  <div class="blue">
    <div style="display: table-row">
      <div class="red">
        <div style="display: table-cell">
          ...
        </div>
        <div style="display: table-cell">
          ...
        </div>
      </div>
    </div>
    <div style="display: table-row">
      <div class="red">
        <div style="display: table-cell">
          ...
        </div>
        <div style="display: table-cell">
          ...
        </div>
      </div>
    </div>
  </div>
</div>
4

1 回答 1

1

你为什么要重新发明轮子？如果您想使用table，请执行此操作，不要假装您没有使用 table 通过自己实现它来使用divs. 你没有得到任何东西，只是在浪费你的时间。

我能想象的唯一情况是您无法访问 HTML - 否则为什么您不能删除这些 div .red 和 .blue？

现在针对您的真正问题。您显然不能添加到 .red 和 .blue display: nonenor visibility: hidden，但您可以尝试display: inline;. 无论如何，祝你好运！

于 2012-08-05T11:32:56.837 回答