0

我有以下用于分词的 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           |

如何确保只包装长单词,但可以放入新行的单词移动到新行,而不是像上面最后一个示例中那样被拆分?

4

0 回答 0