html - divにスペースを入れずに単語をラップする

Question

固定幅300pxのdivがあります。divに入力する必要のあるテキストをユーザーが入力しました。問題は、人々が「aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa」という単語をdivに入れていることです。これにより、テキストがdivの幅を超えます。私が欲しいのは、単語にスペースがなくてもテキストを折り返すことです。cssでこれを行う方法はありますか？csswhite-spaceプロパティを試しましたが、機能しませんでした。

誰かが解決策や正しい方向へのポイントを持っているなら、それは素晴らしいことです。

Answer 1

これを試して：

word-wrap:break-word;

Answer 2

現在の最先端技術では、これを適切に行う方法はありません。改行ルールは複雑で、言語によって異なります。

その変種の一部を使用word-wrap:break-wordすると、文字列が任意に破られ、ほぼ確実に言語の規則が破られ、人々が混乱します。