Romper palabras largas en html email en Outlook 2010
Estoy tomando la entrada del usuario final y la inserto en un correo electrónico HTML. Pero si el usuario final ingresa una URL larga o una palabra realmente larga, rompe mi diseño HTML en Outlook 2010 al extender la columna o div más allá del ancho especificado.
En Chrome, Firefox, IE7 + y Safari, puedo usar style = "table-layout: fixed" para forzar las columnas de la tabla a ciertos anchos. Pero Outlook 2010 ignora esto, y la palabra larga empuja el ancho de la tabla más allá del ancho fijo.
Con Divs, In Chrome, Firefox, IE7 + y Safari, puedo usar style = "word-wrap: break-word; overflow: hidden; width: 100px", para corregir el ancho de div. Pero en Outlook 2010, empuja el div más allá del ancho fijo.
¿Cómo puedo obtener outlook2010 para envolver la palabra larga y respetar el ancho fijo?
Aquí está mi muestra de 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>