Question

我正在创建电子邮件模板。在Yahoo移动视图中，css word-break 在渲染时被删除/删除。它从inline-css以及head部分中删除。对此有何解决方案？

ID:1    NAME:profile1   GROUPID:3   ATTRIB101:A     ATTRIB102:B TARGETNODE:system1
ID:2    NAME:profile2   USERID:7    ATTRIB101:C     ATTRIB102:D TARGETNODE:system2

Answer 1

请尝试word-break:normal;，如下所示。

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.no-wrdbrk{
word-break:normal;
}
</style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="word-break:normal;" class="no-wrdbrk">
Several new studies have found that yoga may lower depression and emotional eating, if done on a consistent basis. At the 125th Annual Convention of the American Psychological Association, four separate studies were presented that pointed to similar positive findings about the benefits of yoga.
</td>
</tr>
</table>
</body>
</html>

有

CSS语法：

word-break：normal | break-all | keep-all | initial | inherit;

Source

如果有效，请告诉我。

Answer 2

word-break:inherit !important;

为我工作

Yahoo Mobil查看word-break被删除/删除

2 个答案: