Złam długie słowa w e-mailu html w programie Outlook 2010
Wprowadzam dane użytkownika końcowego i wstawiam go do wiadomości e-mail w formacie HTML. Ale jeśli użytkownik końcowy wprowadzi długi adres URL lub naprawdę długie słowo, złamie mój układ HTML w programie Outlook 2010, rozszerzając kolumnę lub podział poza określoną szerokość.
W Chrome, Firefox, IE7 + i Safari mogę użyć style = "table-layout: fixed", aby zmusić kolumny tabeli do określonej szerokości. Ale Outlook 2010 ignoruje to, a długie słowo wypycha szerokość tabeli poza ustaloną szerokość.
Z Div, w Chrome, Firefox, IE7 + i Safari, mogę użyć style = "zawijanie słów: break-word; overflow: hidden; width: 100px", aby ustalić szerokość div. Ale w Outlook 2010 wypycha div poza ustaloną szerokość.
Jak mogę uzyskać outlook2010 do zawijania długiego słowa i honorowania stałej szerokości?
Oto mój przykładowy kod HTML:
<code><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<table width="400" style="table-layout: fixed" border="1">
<tr>
<td width="100">
yo
</td>
<td width="300">
Don't move me
</td>
</tr>
</table>
<table width="400" style="table-layout: fixed" border="1">
<tr>
<td width="100" style="word-wrap: break-word; overflow: hidden; width: 100px" border="1">
yoooooooooooooooooooooooooooooooooooooooooooooooooooooo
</td>
<td width="300">
Ya moved me
</td>
</tr>
</table>
<table width="400" border="1">
<tr>
<td width="100">
<div style="word-wrap: break-word; overflow: hidden; width: 100px" border="1">
yoooooooooooooooooooooooooooooooooooooooooooooooooooooo
</div>
</td>
<td width="300">
Ya moved me
</td>
</tr>
</table>
</body>
</html>
</code>