是否可以通过编程将基于 CSS div 的布局转换为表格布局？

Question

我们有一位自由设计师进来，用 HTML 和 CSS（基于 div）为我们构建了一个很棒的内部 Web 应用程序。然而，对于我们内部系统的一部分，我们有一个遗留系统，它在渲染方面存在问题，并且它需要一个具有适当样式的表格布局结构才能工作。

我们无法手动转换内容，因为页面太多，需要很长时间。

所以我将尝试以编程方式完成此操作。在开始之前，这可能吗？我应该考虑什么吗？也许有人已经这样做了？

我将使用 PHP 及其 DOM Document 类 - 好主意吗？

我真的需要这方面的帮助，因为我们可能在这个项目上浪费了大量的金钱和时间。

Answer 1

例如，可以以编程方式适应特定情况，从页面中提取数据并将其插入到不同的模板中。

不过，您将无法为一般情况编写一些内容。 CSS 的工作方式与上个世纪的表格布局完全不同。

我会考虑改进过时的渲染器。

Answer 2

您的新站点是否可以简单地封装在表格中，而不是完全重写以在各处使用表格？如果表格是您网站的宽度，只需将整个现有 HTML 放入单个表格单元格中即可。

如果做不到这一点，在 iframe 内交付新网站不会（不应该）太难，尽管您可能需要一些跨框架通信来根据内容动态调整 iframe 的高度（因此您可以避免页面内的滚动条）。

我必须同意其他人的观点——以编程方式将代码从语义转换为 tablemush 至少会带来很大的问题，而且充其量也只能部分成功。手工完成可能会更快。

Answer 3

如果基于 div 的 HTML 是正确生成的，并且遵循类似表格的布局，例如：

<div class="table">
    <div class="row>
        <div class="cell">...</div>
        <div class="cell">...</div>
    </div>
</div>

那么使用一些 DOM 操作将各个单元格转换为直接基于表格的等效项就不会太难。但是，如果 html 很糟糕，不符合逻辑顺序，等等...那么您就会陷入痛苦的境地，最好修改代码以从一开始就输出表格。