Question

我刚刚阅读了有关display属性的信息，并遇到了以下段落::

表格布局要求表格单元格框必须具有表格行   父盒子。

如果它是错误的，就像这样：

<div style="display:block;">
  <div style="display:table-cell">...</div>
</div>

它会在自身周围生成包装盒，从而产生一个结构像：

block box
└anonymous table box
 └anonymous table-row-group box
  └anonymous table-row box
   └table-cell box

即使父级是另一个内部表元素，如果它不是正确的一个，将生成包装盒。例如，在以下标记：

<div style="display:table;">
  <div style="display:table-row">
    <div style="display:table-cell">...</div>
  </div>
</div>

匿名包装盒生成将产生：

table box
└anonymous table-row-group box
 └table-row box
  └table-cell box

这＆＃34;修复＆＃34;确保表布局具有可预测的结构继续经营。

可以找到 HERE 这条信息。

但是当我的html doc中有以下代码时：

<div style="display:block;">
  <div style="display:table-cell">...</div>
</div>

我从未看到任何其他元素，例如table-row和display:table，如文档所述。

有人可以解释一下吗？

Answer 1

它表示生成的框是匿名的。这意味着生成的框没有关联的元素，并且不会修改DOM。框就在那里，以便表格可以呈现正确;这与DOM无关。