HTML电子邮件 - 长文本与div溢出不起作用

我在td里面有一长文本。我需要这个文本的宽度不超过350px。如果文字宽度大于350px，它应该显示一个水平条。下面的代码在浏览器中正常工作。但它不适用于Outlook电子邮件。有没有办法让这个工作在HTML电子邮件也？HTML电子邮件 - 长文本与div溢出不起作用

https://jsfiddle.net/kedpjryk/1/

<table> 
    <tr> 
    <td> 
     <div style="max-width:350px; overflow:auto; white-space:nowrap">TESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTEST</div> 
    </td> 
    </tr> 
    </table>

来源

2017-04-25 HockChai Lim

试试这个：

table td { 
 
    max-width: 350px; 
 
    overflow: hidden; 
 
    text-overflow: ellipsis; 
 
    white-space: nowrap; 
 
}

<table style="width:400px;"> 
 
    <tr> 
 
    <td> 
 
     <table style="table-layout;"> 
 
     <tr> 
 
     <td> 
 
TESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTEST   
 
     </td> 
 
     </tr> 
 
     </table> 
 
    </td> 
 
    </tr> 
 
</table>

OR您也可以直接添加CSS来td。像

<td style="max-width: 350px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;"> 
    TESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTES 
    TTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTE 
    STTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTT 
    ESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTEST 
    TESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTESTTEST   
</td>

来源

2017-04-25 22:15:09 Adeel

省略号的作品，但无法在Outlook HTML格式的电子邮件。 –

是啊，我的坏，在Outlook文本不直接换行，所以你需要使用**

** – Adeel

检查此链接也可以帮助你：** https ：//blog.hubspot.com/marketing/prepare-emails-outlook-tricks#sm.001opxcp214loeydv3m2cjz39dy8y** – Adeel

只是删除表和TD CSS和可以在里面添加一个属性，风格=“最大宽度：100％”在浏览器中

来源

2017-04-26 11:30:36

HTML电子邮件 - 长文本与div溢出不起作用

回答

相关问题