我一直在使用网络服务器发送HTML格式的电子邮件,到目前为止它一直很好(内容和所有显示都很好),除了自动换行。单行文本(用户输入)可以打开和打开,并在流行的电子邮件Web客户端上生成水平滚动条。
所以我去做了一些研究。我实现了<div style="width: 100%; word-break: break-word;"><!-- Content here --></div>
并且它工作得很好,除了它开始削减我的话。我想做的是让它们进入下一行,同时保留自动换行。
其他在线消息来源称<div>
标签确实会自动换行,但在网络客户端中它不会以这种方式工作。我猜这可能是由于一些幕后的CSS,但我并没有真正去调查。
有人对我的问题有任何解决方案/建议吗?我不想做服务器端格式化;首先,我认为这是一个痛苦的屁股,其次我认为它在不同的网络电子邮件客户端看起来不同......谢谢!
答案 0 :(得分:2)
尝试添加此附加属性:
white-space: pre-line;
word-wrap: break-word;
有关可能值的说明,请参阅此参考:http://www.w3schools.com/cssref/pr_text_white-space.asp
答案 1 :(得分:2)
这确实是幕后的东西阻止正常包装。我们真的需要在幕后,或者至少在幕后看到分析情况,但在一个简单的例子中,添加这个CSS(在div
上)应该有所帮助:
white-space: normal;
这是初始值,但可能被某些东西所覆盖。如果这没有帮助,请尝试
white-space: normal !important;
避免使用word-break: break-word
,因为顾名思义,它确实会破坏文字。它适用于允许在任何地方休息的书写系统。