CSS - 在outlook 2010中仅打破html电子邮件中的长字

时间:2018-02-23 16:14:56

标签: css outlook css-tables word-wrap word-break

我在html电子邮件中使用以下用于分词的CSS:

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适用于长超链接,但是适合新行的普通单词也会被拆分。

e.g

|                           |
|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           |

我怎样才能确保只包含长单词,但是可以放在新行上的单词会移动到新行而不是像上一个示例中那样分割?

0 个答案:

没有答案