CSS-Eigenschaft mit Zeilenumbruch, die sich nicht auf eine Tabellenzelle auswirkt

Question

Oct 02, 2012, 07:07 PM

CSS-Eigenschaft mit Zeilenumbruch, die sich nicht auf eine Tabellenzelle auswirkt

Ich habe ein langes Wort ...

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

... dass ich versuche, in eine Tabellenzelle zu passen (<td>), wofür ich es ausprobiert habeword-wrap: break-word; und dergleichen, um den Text zum Zeilenumbruch zu zwingen, aber keiner von ihnen scheint irgendeine Auswirkung auf den Text zu haben.

( HIER IST DAS LEBENDE BEISPIEL )

Klicken Sie auf das Bild, um es zu vergrößern!

Der Text setzt sich horizontal fort und wird nicht umbrochen. Welche CSS-Eigenschaft soll ich hier verwenden?

DER 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

Basierend auf der Antwort von j08691 verwende ich dies jetzt:

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

Und das hat dazu geführt:

Klicken Sie auf das Bild, um es zu vergrößern!

Ja, die Tabelle ist nicht mehr so stilvoll wie früher, aber jetzt kann ich zumindest sicher sein, dass die Daten angezeigt werden (auch wenn die Größe des Browsers geändert wird, d. H. Kleinere Auflösungen).

Immer noch auf der Suche nach einer eleganten Lösung.