Briser les mots longs dans le courrier électronique HTML dans Outlook 2010
Je prends la fin de la saisie de l'utilisateur et de l'insérer dans un e-mail HTML. Mais si l'utilisateur saisit une URL longue ou très longue word, ça me casse la mise en page HTML dans Outlook 2010 par l'extension de la colonne ou de la div au-delà de la largeur spécifiée.
Dans Chrome, Firefox, IE7+, Safari, je peux utiliser style="table-layout:fixed" afin de forcer les colonnes de la table pour certaines largeurs. Mais Outlook 2010 ignore ce, et le temps de parole pousse la largeur de la table au-delà de la largeur fixe.
Avec des Divs, Chrome, Firefox, IE7+, Safari, je peux utiliser style="word-wrap:break-word; overflow:hidden; width:100px", pour corriger la div de largeur. Mais dans Outlook 2010, il pousse la div au-delà de la largeur fixe.
Comment puis-je obtenir outlook2010 pour envelopper le mot long, et l'honneur de la largeur fixe?
Voici mon code HTML:
<!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>
source d'informationauteur Hoppe
Vous devez vous connecter pour publier un commentaire.
Utilisez le propriétaire de Microsoft
word-break:break-all;
Je sais je suis en retard à la fête, mais la recommandation que je peux faire pour les autres qui bosse dans ce post et que vous voulez utiliser la propriété
word-break:break-all;
est d'envelopper le mot dont vous avez besoin pour briser un élément à l'intérieur de la<td>
et ensuite appliquerword-break:break-all;
.Comme suit:
Sur cette note vous pouvez également utiliser d'autres choses pour casser des mots longs comme le
<wbr>
élément, ou le "zéro-largeur de l'espace de caractère".k.un. ZWSP qui est​
et si vous voulez des traits d'union quand le texte des pauses, utilisez le­
.Vérifier cela (pour l'instant laid ><) démo que j'ai fait dans CodePen: Mot-sauts dans la longue chaîne de mots.
Plus d'infos dans les liens suivants:
<cpcn>
- MDN - Mozilla Developer NetworkEspère que cette aide.