使用 html 和 css 创建电子邮件布局 - 自动换行
Creating a layout for email using html and css - word wrap
使用 html 电子邮件布局真是一场噩梦！
好吧，我的布局快完成了，我花了 2 天的时间来完成它。我唯一无法解决的问题与自动换行有关。这是其中的一部分：
但有时 table 单元格 (div) 的内容是 url (link)，如下所示：
结果如下：
我的目标是让这种 url 在单元格内 "word-wrap" 而不展开。我已经尝试了很多方法来解决这个问题，但都没有成功。这是我到目前为止得到的：
<div style="width: 100%; word-wrap: break-word; overflow: auto; display: inline-block;">
完整代码如下：https://jsfiddle.net/uayazs59/1/
拜托，有人可以帮助我吗？非常感谢！！
您的 link's DIV 的宽度似乎使整个 table 行为不当，因此请将您的宽度更改为特定数量，例如：width: 570px;
<div style="width: 570px; word-wrap: break-word; overflow: auto; display: inline-block;">
使用 html 电子邮件布局真是一场噩梦！
好吧，我的布局快完成了，我花了 2 天的时间来完成它。我唯一无法解决的问题与自动换行有关。这是其中的一部分：
但有时 table 单元格 (div) 的内容是 url (link)，如下所示：
结果如下：
我的目标是让这种 url 在单元格内 "word-wrap" 而不展开。我已经尝试了很多方法来解决这个问题，但都没有成功。这是我到目前为止得到的：
<div style="width: 100%; word-wrap: break-word; overflow: auto; display: inline-block;">
完整代码如下：https://jsfiddle.net/uayazs59/1/
拜托，有人可以帮助我吗？非常感谢！！
您的 link's DIV 的宽度似乎使整个 table 行为不当，因此请将您的宽度更改为特定数量，例如：width: 570px;
<div style="width: 570px; word-wrap: break-word; overflow: auto; display: inline-block;">