Brechen Sie lange Wörter in HTML-E-Mails in Outlook 2010
Ich nehme Endbenutzereingaben entgegen und füge sie in eine HTML-E-Mail ein. Wenn der Endbenutzer jedoch eine lange URL oder ein wirklich langes Wort eingibt, wird mein HTML-Layout in Outlook 2010 durch Erweitern der Spalte oder des Divs über die angegebene Breite hinaus beschädigt.
In Chrome, Firefox, IE7 + und Safari kann ich style = "table-layout: fixed" verwenden, um die Tabellenspalten auf bestimmte Breiten zu zwingen. Outlook 2010 ignoriert dies jedoch und das lange Wort verschiebt die Tabellenbreite über die festgelegte Breite hinaus.
Mit Divs, In Chrome, Firefox, IE7 + und Safari kann ich style = "Zeilenumbruch: Umbruchwort; Überlauf: Versteckt; Breite: 100px" verwenden, um die Div-Breite festzulegen. In Outlook 2010 wird das Div jedoch über die festgelegte Breite hinaus verschoben.
Wie kann ich Outlook2010 dazu bringen, das lange Wort umzuschließen und die festgelegte Breite einzuhalten?
Hier ist mein Beispiel-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>