1つ長い言葉があります...
p=MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCx+wnDhlr7GqHiH6lAaPPuN5F7RjUrtvGyxxZkClJsLaTDeqg/FuJXU7RYdPQ2Ka++tfw0Z9+SRKatLUQQeCqLK8z1/V4p7BaJKPkegMzXgWGnFVmz1tdLFiYUGq0MvVgqWiepcTFmwgSd9g1pGRiCSDHJUDwcc+NidiW4/ixw4QIDAQAB"
<td>
...表のセル ( )に収まるようにしようとしてword-wrap: break-word;
いますが、テキストを強制的に折り返すためになどを使用しようとしましたが、どれもテキストに影響を与えていないようです。
(これが実際の例です)
テキストは横方向に延々と続き、折り返されません。ここで使用する CSS プロパティはどれですか?
コード
<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
j08691の答えに基づいて、私は今これを使用しています:
table {
table-layout: fixed;
word-break: break-all;
word-wrap: break-word;
}
その結果、次のようになりました。
はい、テーブルは以前ほどスタイリッシュではありませんが、少なくともデータが表示されることを確認できます (ブラウザのサイズが変更された場合、つまり解像度が小さくなった場合でも)。
もしあれば、まだエレガントなソリューションを探しています。