html - テーブル オーバーフローの問題

Question

テーブルの非常に基本的な問題に直面して<td>います

問題は次のようになります。

+-------------+
| | abcdef@hotmai|.com
+-------------+

オーバーフローしたテキストが次の行に移動するようにします。以下のようなもの。

+-------------+
| | abcdef@hotmai|
| | .com |
+-------------+

次のcssを試しましたが、うまくいきませんでした： max-width:20%; table-layout:fixed;

Answer 1

CSS プロパティを使用word-wrapして、テキストを固定幅で折り返すtd

table td {
   word-wrap: break-word;
}