CSS saut de ligne dans le TD

Si j'ai une très longue chaîne de caractères (sans espace!). Puis-je forcer le navigateur à saut de ligne, par exemple, dans une table td via CSS. La largeur ne semble pas avoir d'effet.

Note: je sais que c'est très peu probable que quelqu'un à soumettre une longue chaîne de caractères sans les espaces), mais on ne sait jamais ...

J'ai essayé:

.gridrow td
{
    padding: 1em;
    text-align: center;
    word-wrap: break-word; 
}

et j'utilise FF que mon navigateur. word-wrap semble seulement être utilisé en CSS3?

OriginalL'auteur cs0815 | 2010-05-27

  1. 6

    Je pense que ce que tu veux dire, c'est dans le CSS: 

    #id
{
  max-width: 100px; /*or whatever*/
  word-wrap: break-word;
}

    Testé sur votre site avec Firebug, il fonctionne.

    Référence de l'article.

    Merci. J'ai essayé et ça ne fonctionne pas.
    Quel navigateur êtes-vous tester? Havbe un exemple vivant?
    Quel navigateur utilisez-vous?
    Veuillez voir éditer en question originale: zoonose.ac.royaume-uni/ICONZ/ResearchProjects/...
    ne fonctionne pas pour moi non plus.

    OriginalL'auteur Kyle

  2. 4

    Tables sont un cas particulier. Ils vont les garder sur l'expansion s'ils le peuvent, afin de ne pas masquer le contenu; vous ne pouvez pas utiliser overflow: hidden sur eux. Voici quelques options:

    1. Utiliser une option de rupture de caractère. (Source: http://www.quirksmode.org/oddsandends/wbr.html ) Si vous pouvez contrôler insérer un caractère comme &shy; ou <wbr> par programmation dans de longues chaînes de caractères, cela peut être une solution.

    2. Peut-être, de préférence, selon votre situation, vous pouvez limiter la table à l'utilisation stricte des largeurs, à laquelle il doit obéir à la règle:

      table {
    table-layout: fixed;
    width: 100%;
}

table td {
    word-wrap: break-word;         /* All browsers since IE 5.5+ */
    overflow-wrap: break-word;     /* Renamed property in CSS3 draft spec */
}
    Merci. Le css ne fonctionne pas pour moi. Je pense que je pourrais mettre en œuvre une règle d'entreprise qui l'empêche de mots longs (ce qui est trop long haha). Peut-être que je suis le fractionnement des poils ici.
    Il a travaillé pour moi sur votre site via Firebug.

    OriginalL'auteur D_N

  3. 0

    je pense qu'il y wordwrap élément. recherche pour le retour à la ligne.

    word-wrap: break mot

    ÉDITÉ

    REF Retour automatique à la ligne dans un tableau html

    - il suggérer qu'il n'y a pas de bonne façon de le faire.

    ne semble pas aider.
    Si il y a est un tel élément, il serait sémantiquement incorrect de l'utiliser.

    OriginalL'auteur Salil