Comment casser les mots dans un tableau de td?

C'est ce que j'ai:

<td style='width:500px; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word;'>

OriginalL'auteur GuyFromOverThere | 2011-09-02

  1. 12

    Je pense que cette solution va vous aider!

    pre {
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    white-space: -pre-wrap;     /* Opera 4-6 */
    white-space: -o-pre-wrap;   /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    white-space: -hp-pre-wrap;  /* HP Printers */
    word-wrap: break-word;      /* IE 5+ */
}

    http://perishablepress.com/press/2010/06/01/wrapping-content/

    //Edit

    Il a été un long temps depuis que cela a été accepté comme la meilleure réponse et les mises à jour sont nécessaires. Voir @benhowdle89 et @Steve réponses ci-dessous.

    Donc le courant de prise en charge du navigateur est maintenant assez bon à utiliser word-break afin de permettre de mots pour être réparti sur plusieurs lignes.

    word-break: break-all

    http://caniuse.com/#feat=word-break

    il ne marche pas pour safari...
    et il ne fonctionne pas sous chrome
    Même si cela peut théoriquement répondre à la question, il serait préférable pour inclure l'essentiel des éléments de réponse ici, et de fournir le lien de référence. Aussi, vous pouvez poster jusqu'à 30 000 caractères, donc il n'y a vraiment aucune raison d'utiliser un raccourcisseur d'URL.
    il ne fonctionne pas il y a bien une chance que vous connaissez un autre moyen de le mettre à jour cette
    srry il n'a vraiment pas le travail de la croix-navigateur

    OriginalL'auteur

  2. 33

    J'ai utilisé:

    word-wrap: break-word;
word-break: break-all;
table-layout: fixed;

    table-layout: fixed a été la clé pour faire ce travail.

    word-break: break-all a fait pour moi.
    merci pour la distinction entre word-wrap et word-break!
    word-wrap et word-break ne sont pas des propriétés CSS 2.1

    OriginalL'auteur

  3. 13
    word-break: break-word;

    C'est ce que vous voulez

    Cela fonctionne dans certains navigateurs, mais pas dans IE pour moi. word-break:break-all fonctionne dans les deux et semble être la norme.

    OriginalL'auteur

  4. 4

    Tous vous avez besoin est

    word-break:break-all

    Cela fonctionne dans Chrome 4+, IE 5.5+, FF 15+, Safari 3.1+, et Opera 15+

    OriginalL'auteur