Utiliser “word-wrap: break-word” dans un tableau

Duplication possible:
Word-wrap dans un tableau html

Ce texte se comporte exactement comme je le souhaite sur Google Chrome (et sur les autres navigateurs modernes):

aaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

  1. Lorsque le navigateur est suffisamment large, a + et b + sont sur la même ligne.

     aaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb 
  2. Au fur et à mesure que vous réduisez le navigateur, a + et b + sont placés sur des lignes distinctes.

     aaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb 
  3. Lorsque b + ne peut plus tenir, il est cassé et mis sur deux lignes (pour un total de trois lignes).

     aaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbb bbbbbbbb 

C’est génial.

Dans ma situation, cependant, ce n’est pas un div mais un table , comme ceci:

 

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

Dans ce cas, # 1 et # 2 se produisent, mais pas # 3. C’est-à-dire que la table cesse de se rétrécir après les étapes 2 et 3 ne se produit jamais. Le mot d’ordre ne semble pas filtrer.

Est-ce que quelqu’un sait comment la # 3 se produit? La solution n’a besoin que de travailler dans Chrome, mais cela a également fonctionné dans d’autres navigateurs, ce qui serait encore mieux.

PS “Ne pas utiliser de tables” n’est pas utile.

    table-layout: fixed va forcer les cellules à s’adapter à la table (et non l’inverse), par exemple:

     
    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb

    Vous pouvez essayer ceci:

    td p {word-break:break-all;}

    Ceci, cependant, le fait apparaître quand il y a assez d’espace, sauf si vous ajoutez une balise
    :

     aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb 

    Donc, je suggérerais alors d’append des balises
    où il y a des nouvelles lignes, si possible.

     aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb 

    http://jsfiddle.net/LLyH3/3/

    De plus, si cela ne résout pas votre problème, il y a un lien similaire ici .