<td>gdfggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg</td>
Comment puis-je obtenir un texte de ce genre pour l'envelopper dans du CSS?
Réponses
Trop de publicités?
Stirling
Points
796
Si vous tapez "AAAAAAAAAAAAAAAAAAAAAARRRRRRRRRRRRRRRRRRRRRRGGGGGGGGGGGGGGGGGGGGG" ceci va produire
AARRRRRRRRRRRRRRRRRRRR
RRGGGGGGGGGGGGGGGGGGGG
G
J'ai pris mon exemple à partir d'un couple de différents sites web sur google. J'ai testé sur ff 5.0, IE 8.0, et Chrome 10. Il fonctionne sur tous les d'entre eux.
.wrapword{
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
white-space: pre-wrap; /* css-3 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
word-break: break-all;
white-space: normal;
}
<table style="table-layout:fixed; width:400px">
<tr>
<td class="wrapword">
</td>
</tr>
</table>
Essayez de faire cela. Fonctionne pour IE8, FF3.6, Chrome
<BODY>
<TABLE>
<TR>
<TD><div style="word-wrap: break-word; width: 100px" > gdfggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg</div></TD>
</TR>
</TABLE>
</BODY>
user2046018
Points
11
Cela fonctionne partout.
<BODY>
<TABLE style="table-layout:fixed;">
<TR>
<TD><div style="word-wrap: break-word; width: 100px" > gdfggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggggg</div></TD>
</TR>
</TABLE>
</BODY>
netadictos
Points
4988
La meilleure option si vous ne pouvez pas contrôler la saisie de l'utilisateur, c'est établir la propriété css overflow:hidden, donc si la chaîne est supérieure à la largeur, il ne sera pas déformer le design.
Modifié:
J'aime la réponse: "word-wrap: break-word", et pour les navigateurs qui ne prennent pas en charge, par exemple, IE6 ou IE7, je voudrais utiliser ma solution.
