html - 表格不会水平拉伸(stretch)

Question

我正在帮助一家公司在 Wix 中构建网站，但一些基本功能不受支持，例如表格和选项卡式容器。所以我必须将它写在一个模块中，然后我必须编写一个编辑器以使其易于更改。

我已经完成了它，但现在我遇到了表格无法拉伸(stretch)的问题。

这是模块，几乎是硬编码的并且工作得很好:

https://alexandersopov.github.io/wix-table

这是编辑器:

https://alexandersopov.github.io/wix-table-module-editor

CSS 几乎完全相同，除了一些包装器外，html 非常相同(事实上，唯一的区别是出于某种原因，在编辑器的表格中添加了一个 tbody 标记，但我已经也尝试提供 width:100% 但没有成功)。

所以在编辑器中，有一个预览窗口，您可以在其中看到“specifikationer”下的表格，它几乎只有宽度的一半，尽管检查它告诉您它应该是 100%(实际上检查员将其标识为这样的)，当我将原始代码复制/粘贴到一个空的 .html 文档中并检查时，我得到了相同的结果。

我已经被困在这个问题上几个小时了，我一辈子都无法理解这个问题的根源。

Answer 1

您的表应用了 .active-content 类，将其显示类型更改为 inline-block。尝试将类更改为将其设置为 table 或 inline-table 的内容。