Comment envelopper le texte en HTML?

Question

Comment un texte comme "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa" qui dépasse la largeur d'un div (disons 200px ) peut-il être emballé?

Je suis ouvert à toutes les solutions telles que CSS, jQuery, et cetera.

Answer 1

Essaye ça:

 div {
    width: 200px;
    word-wrap: break-word;
}
 

Answer 2

Sur bootstrap 3, assurez-vous que l'espace blanc n'est pas défini sur "nowrap".

 div {
  width: 200px;
  word-break: break-all;
  white-space: normal;
}
 

Answer 3

Vous pouvez utiliser un trait d'union doux comme ceci:

aaaaaaaaaaaaaaa­aaaaaaaaaaaaaaa

Cela apparaîtra comme
aaaaaaaaaaaaaaaa
aaaaaaaaaaaaaaa
si la boîte contenant n'est pas assez grande ou
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
Si c'est.

Answer 4

    div {
    // set a width
    word-wrap: break-word
}
 

La solution ' word-wrap ' ne fonctionne que dans IE et les navigateurs prenant en charge CSS3 .

La meilleure solution inter-navigateur consiste à utiliser le langage côté serveur (php ou autre) pour localiser de longues chaînes et y placer à intervalles réguliers l'entité HTML ​ Cette entité rompt bien les mots longs et fonctionne sur tous les navigateurs.

par exemple

 aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa​aaaaaaaaaaaaaaaaaaaaaaaaaaaaa
 

Answer 5

Le seul qui fonctionne sur IE, Firefox, Chrome, Safari et Opéra s'il n'y a pas d'espaces dans le mot (comme une URL longue) est:

div {
largeur: 200px;
pause de mots: break-all;
}

J'ai trouvé cela à l'épreuve des balles.