Word-wrap propriété CSS n'affectant pas une cellule de tableau

J'ai un mot long...

p=MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCx+wnDhlr7GqHiH6lAaPPuN5F7RjUrtvGyxxZkClJsLaTDeqg/FuJXU7RYdPQ2Ka++tfw0Z9+SRKatLUQQeCqLK8z1/V4p7BaJKPkegMzXgWGnFVmz1tdLFiYUGq0MvVgqWiepcTFmwgSd9g1pGRiCSDHJUDwcc+NidiW4/ixw4QIDAQAB"

...que je suis en train de rentrer dans une cellule de tableau (<td>), pour lequel j'ai essayé d'utiliser word-wrap: break-word; et le forcer le texte pour l'envelopper, mais aucun d'eux ne semble avoir aucune incidence sur le texte.

( VOICI L'EXEMPLE VIVANT )

Word-wrap propriété CSS n'affectant pas une cellule de tableau

Cliquez sur l'image pour l'agrandir!

Le texte et sur l'horizontale, et ne pas envelopper. Qui propriété CSS je suis censé être ici?


LE CODE

<table>
     <thead>
          <tr>
                <th>Name
                </th><th>Type
                </th><th>Value
                </th><th>TTL
          </th></tr>
     </thead>
     <tbody>
          <tr>
                <td>wtnmail._domainkey.whatthenerd.com.</td>
                <td>TXT</td>
                <td>"v=DKIM1; k=rsa; p=MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCx+wnDhlr7GqHiH6lAaPPuN5F7RjUrtvGyxxZkClJsLaTDeqg/FuJXU7RYdPQ2Ka++tfw0Z9+SRKatLUQQeCqLK8z1/V4p7BaJKPkegMzXgWGnFVmz1tdLFiYUGq0MvVgqWiepcTFmwgSd9g1pGRiCSDHJUDwcc+NidiW4/ixw4QIDAQAB"</td>
                <td>300</td>
          </tr>
     </tbody>
</table>

CSS

Basé sur j08691 réponse, je suis en utilisant ce maintenant:

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

Et qui a abouti à ceci:

Word-wrap propriété CSS n'affectant pas une cellule de tableau

Cliquez sur l'image pour l'agrandir!

Oui, le tableau n'est pas super élégant comme il l'habitude d'être, mais maintenant, je peux au moins être sûr que les données de la montre (même si le navigateur est redimensionnée, c'est à dire de petites résolutions).

Toujours à la recherche d'une solution élégante, le cas échéant.

  • Pouvez-vous s'il vous plaît poster le code original ici ou dans un JSfiddle, de sorte que cette question est utile pour d'autres personnes, une fois que vous avez fixé la page d'origine?
  • J'ai, maintenant.
  • Ce genre de "solution" qui cherchez-vous? text-overflow: ellipsis ou jquery afficher/masquer?
  • Celui dans lequel je n'ai pas à utiliser table-layout:fixed; pour la table, ou word-break: break-word; sur une cellule de tableau.
InformationsquelleAutor its_me | 2012-10-02