Quebrar palavras longas em e-mail html no outlook 2010
Estou pegando a entrada do usuário final e inserindo-a em um email em HTML. Mas se o usuário final inserir um URL longo ou uma palavra muito longa, ele interromperá meu layout HTML no Outlook 2010 estendendo a coluna ou div além da largura especificada.
No Chrome, Firefox, IE7 + e Safari, eu posso usar style = "table-layout: fixed" para forçar as colunas da tabela para certas larguras. Mas o Outlook 2010 ignora isso e a palavra longa empurra a largura da tabela além da largura fixa.
Com Divs, no Chrome, Firefox, IE7 + e Safari, eu posso usar style = "quebra de linha: quebra-palavra; estouro: oculto; largura: 100px", para corrigir a largura div. Mas no Outlook 2010, ele empurra o div para além da largura fixa.
Como posso obter outlook2010 para envolver a palavra longa e honrar a largura fixa?
Aqui está o meu HTML de amostra:
<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>