4

我一直在使用 Web 服务器发送 HTML 格式的电子邮件,到目前为止一切都很好(内容和所有显示都很好),除了自动换行。单行文本(用户输入)可以持续不断,并在流行的电子邮件 Web 客户端上产生水平滚动条。

所以我去做了一些研究。我实施<div style="width: 100%; word-break: break-word;"><!-- Content here --></div>了它,它工作得非常好,除了它开始切断我的话。我想做的是让他们进入下一行,同时保留自动换行。

其他在线消息来源说该<div>标签确实会自动换行,但在 Web 客户端中它不能以这种方式工作。我猜这可能是由于一些幕后的 CSS,但我并没有真正去调查。

有人对我的问题有任何解决方案/建议吗?我不想做服务器端格式化;首先,我认为这很麻烦,其次,我认为不同的网络电子邮件客户端看起来会有所不同...谢谢!

4

2 回答 2

2

尝试添加这个附加属性:

white-space: pre-line;
word-wrap: break-word;

有关可能值的解释,请参阅此参考:http: //www.w3schools.com/cssref/pr_text_white-space.asp

于 2012-11-13T20:32:54.057 回答
2

这确实是阻止正常包装的幕后东西。我们真的需要看到幕后,或者至少在幕后,以分析情况,但在一个简单的情况下,添加这个 CSS(在div)应该会有所帮助:

white-space: normal;

这是初始值,但可能被某些东西覆盖。如果这没有帮助,请尝试

white-space: normal !important;

避免word-break: break-word,因为它确实会破坏单词,顾名思义。它适用于允许在任何地方休息的书写系统。

于 2012-11-13T21:03:15.800 回答