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溢出不起作用

回答

相關問題