单词包装没有打破单词

时间:2012-11-13 20:31:12

标签: html email css3 word-wrap

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

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

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

有人对我的问题有任何解决方案/建议吗?我不想做服务器端格式化;首先,我认为这是一个痛苦的屁股,其次我认为它在不同的网络电子邮件客户端看起来不同......谢谢!

2 个答案:

答案 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,因为顾名思义,它确实会破坏文字。它适用于允许在任何地方休息的书写系统。