html - divブレークラインを作成するには?

Question

次のコードがあります。

.thing {
  width: 90%;
  height: 400px;
  border: 10px solid #000;
}

<div class="thing">
  aaaaaaaaaaaa
</div>

問題は、多くのコンテンツを追加すると、テキストが div からはみ出すことです!

CSSのみを使用してこれを修正するにはどうすればよいですか?

Answer 1

.thing {
width: 90%;
height: 400px;
padding: 10px solid #000;
word-break:break-all;
}

単語区切りを使用する

Answer 2

これは、スペースを追加していないときに起こります

このように「aa」の間にスペースを追加するだけです>「aaaaaa aaaaaa」12文字の単語はありません

しかし、この長い単語が必要な場合は、

word-break:break-all;