我有以下用于分词的 CSS 用于 html 电子邮件:
body {
background-color: #F2F4F6;
color: #74787E;
height: 100%;
hyphens: auto;
line-height: 1.4;
margin: 0;
-moz-hyphens: auto;
-ms-word-break: break-word;
width: 100% !important;
-webkit-hyphens: auto;
-webkit-text-size-adjust: none;
word-break: break-all;
word-break: break-word;
}
在 Microsoft Outlook 中,如果表格单元格中的普通单词碰到单元格的边缘,而不是将整个单词换行到新行,则会将其拆分为新行。上面的 CSS 适用于长超链接,但可以放在新行上的普通单词也会被拆分。
例如
| |
|a-very-long-word-should-wra|
|p-like-this |
| |
|words that can fit on |
|another line should wrap |
|like this |
| |
|The above css style is curr|
|ently doing this |
如何确保只包装长单词,但可以放入新行的单词移动到新行,而不是像上面最后一个示例中那样被拆分?