display:block;
和 display:table;
有区别吗?在我看来,包含 table-row
和 table-cell
节点的 dom 节点的显示类型并不重要。 MDN says that display:table;
makes it behave like a table ,但没有详细说明该行为是什么。那是什么行为?
同样,display:inline-block;
和display:inline-table;
有区别吗?
最佳答案
两者都是 block 级的,因为默认情况下它们不会显示在其他任何内容旁边。
元素的实际显示存在显着差异。 display: block;
将扩展到 100% 的可用空间,而 display: table;
只会与其内容一样宽。
此外,正如其他人所提到的,display: table;
是获取 display: table-cell;
或其他 table-
内容所必需的在后代中工作。
我只知道这一点,因为我刚刚遇到了试图让 display: table;
填充容器宽度的问题。我一直没能看到 display: inline;
和 display: inline-table;
的显示是否有区别。
关于html - CSS:显示: block ;与显示:表格;,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25048236/