如何在html电子邮件中包装长文本

Question

希望有人可以提供帮助。我的应用程序中有一些HTML电子邮件模板，它们工作正常并且在石蕊中看起来很棒。电子邮件中的许多内容都是通过UI /编辑器（在本例中为CKeditor）生成的。在大多数情况下，除非用户添加一个非常长的字符串或链接，然后导致长链接/文本突破容器或完全断开布局，这取决于电子邮件客户端，否则这样可以正常工作。

编辑器将文本包装在<p>标签中，我无法轻松访问这些标签以添加修复程序。父<td>有我希望防止这个问题的风格（如果内容没有包装在<p>中，也会这样做）。 TD看起来像这样：

<td class="content-block" style="margin: 0; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; box-sizing: border-box; font-size: 14px; vertical-align: top; padding: 0 0 20px; overflow-wrap: break-word; word-wrap: break-word; word-break: break-all; word-break: break-word;">{{- editorText -}}</td>

我在电子邮件模板的顶部有一个<style>块，试图解决问题：

<style media="all" type="text/css">
        @media only screen and (max-width: 640px) {
            ... some other styles ...

            .content-block p {
                display: inline-block !important;
                width: 560px !important;
                overflow-wrap: break-word !important; 
                word-wrap: break-word !important; 
                word-break: break-all !important; 
                word-break: break-word !important;
            }}
</style>

然而，这没有任何区别，并且仍然会有一长串文本。

感觉就像我在这里遗漏了一些明显的东西...除了在<p>标签上添加内联样式之外没有办法解决，这很难做到。

谢谢

Answer 1

我遇到了同样的问题。我试过这个，它对我有用。

<td style = "word-break: normal; border-collapse : collapse !important;"> 
Lorem Ipsium 
</td>