テキストの内容による、親要素内での折り返しの発生有無

Question

<div>要素内に<p>タグでテキストを記載した際に、テキストの内容によって親要素の幅で折り返される場合と折り返されない場合があることに気付きました。 どのようなロジックで起きているのかが知りたく、質問いたしました。 ※特に困りごとがあるわけでは無く、興味本位での質問です。 ＜試したこと＞ 全角文字：文章の意味有り、無しに関わらず折り返される 半角文字(意味の有る文章)：折り返される 半角文字(意味の無い文章、スペースの無い文章)：折り返されない

<div class="test2">
 <p>こんにちは！こんにちは！こんにちは！こんにちは！こんにちは！こんにちは！こんにちは！こんにちは！</p>
 <p>hello world!!hello world!!hello world!!hello world!!hello world!!hello world!!hello world!!</p>
 <p>helloworld!helloworld!helloworld!helloworld!helloworld!helloworld!helloworld!helloworld!helloworld!</p>
 <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p>
 <p>あああああああああああああああああああああああああああああああああああああああああああああああああああ</p>
</div>

.test2 {
  width: 500px;
  height: 500px;
}

Answer 1

CSSの下記で折り返しの設定を変更出ます。

overflow-wrap - CSS: カスケーディングスタイルシート | MDN

word-break - CSS: カスケーディングスタイルシート | MDN

Answer 2

どのようなロジックで起きているのか

tomo.isさんの観察どおりです。普通の設定では、英数字（というより、漢字・かな以外）の連続した箇所では折り返されません。