Existe-t-il un moyen d’envelopper les mots longs dans un div?

Je sais qu’Internet Explorer a un style de retour à la ligne, mais j’aimerais savoir s’il existe une méthode multi-navigateur pour le faire dans un div.

De préférence, les fragments CSS mais JavaScript fonctionneraient également.

edit: Ouais, en parlant de longues cordes, encourage les gens!

En lisant le commentaire original, rutherford est à la recherche d’une méthode multi-navigateur pour envelopper le texte ininterrompu (déduit de son utilisation du retour à la ligne pour IE, conçu pour rompre les chaînes ininterrompues).

/* Source: http://snipplr.com/view/10979/css-cross-browser-word-wrap */ .wordwrap { white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Firefox */ white-space: -pre-wrap; /* Opera <7 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* IE */ } 

J'ai utilisé cette classe un peu maintenant et fonctionne comme un charme. (note: j'ai seulement testé dans FireFox et IE)

La plupart des réponses précédentes ne fonctionnaient pas pour moi dans Firefox 38.0.5. Cela a fait …

 
// Content goes here

Documentation:

  • pause de mots
  • envelopper les mots
 white-space: pre-wrap 

quirksmode.org/css/whitespace.html

La solution d’Aaron Bennet fonctionne parfaitement pour moi, mais j’ai dû supprimer cette ligne de son code -> white-space: -pre-wrap; Comme il y avait une erreur, le code de travail final est le suivant:

 .wordwrap { white-space: pre-wrap; /* CSS3 */ white-space: -moz-pre-wrap; /* Firefox */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* IE */ } 

Merci beaucoup

Comme David le mentionne, les DIV encapsulent les mots par défaut.

Si vous faites référence à de très longues chaînes de texte sans espaces, ce que je fais, c’est traiter la chaîne côté serveur et insérer des plages vides:

 thisIsAreallyLongSsortingngThatIWantToBreakToFitInsideAGivenSpace 

Ce n’est pas exact car il y a des problèmes de taille de police et autres. L’option span fonctionne si le conteneur est de taille variable. Si c’est un conteneur de largeur fixe, vous pouvez simplement continuer et insérer des sauts de ligne.

Vous pouvez essayer de spécifier une largeur pour le div, que ce soit en pixels, en pourcentages ou en ems, et à ce stade, le div restra cette largeur et le texte sera automatiquement enroulé dans le div.