Javascript 将所有DIV元素及其属性更改为TABLE、TR、TD

我有一个完全用基于DIV的结构编写的代码。此基于div的结构在电子邮件中呈现时存在问题。并非所有电子邮件客户端中的对齐方式都相同。所以我试图将所有基于DIV的结构转换为表结构

下面是实际代码

<div class="layoutContainer" style="width: 880px; height: 700px; background: rgb(255, 255, 255);">
    <div class="contentInside" style="transform: translate(0px, 0px); width: 260px; left: 0px; top: 0px;">
        test content1
    </div>
    <div class="contentInside" style="transform: translate(-375px, 0px); width: 394px; left: 399px; top: 0px;">
        test content2
    </div>
</div>

测试内容1
测试内容2

我希望上面的代码转换如下

<table class="layoutContainer" style="width: 880px; height: 700px; background: rgb(255, 255, 255);">
    <tr> 
        <td>
            <table class="contentInside" style="transform: translate(0px, 0px); width: 260px; left: 0px; top: 0px;">
                <tr>
                    <td>
                        test content1
                    </td>
                </tr>
            </table>
            <table class="contentInside" style="transform: translate(-375px, 0px); width: 394px; left: 399px; top: 0px;">
                <tr>
                    <td>
                        test content2
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

测试内容1
测试内容2

---

有人能帮我一下吗。

您可以使用css让div元素像table一样工作。
显示：表格-用于表格
显示：表格单元格-用于列

---

显示：表行-对于行

，是否动态创建这些div？如果不是，那么只需将divs结构更改为表结构。我不知道您在这方面需要什么帮助是的，它是由第三方工具动态创建的。请访问查看和。提示：发布工作和代码。@mohankumarp在这种情况下，您应该首先编写所有详细信息，比如您使用的是哪种第三方工具。它是如何呈现这些div的，以及到目前为止您尝试了什么。这在所有浏览器中都可以正常工作，但我正在寻找一些可以在所有电子邮件客户端中呈现良好效果的东西。在OUTLOOK 2013中，有时它无法正常工作