CSSのオーバーフローの問題

Question

私はウェブサイトを作っているうちに、テキストのオーバーフローの問題がありました。

これはssssssは<br>を入力せずに、私は次の行にそれらをしたいのdivにあふれているコード

div { 
 
    width: 100px; 
 
    background: blue; 
 
}

<div>sssssssssssssssssssssssssssssssssssssssss</div>

です。

display: flex;の適用方法はわかりません。 のみdiv

Answer 1

使用word-break: break-all;

div { 
 
    width: 100px; 
 
    background: blue; 
 
    word-break: break-all; 
 
}

<div>sssssssssssssssssssssssssssssssssssssssss</div>

Answer 2

使用word-break: break-allプロパティ

div { 
     width: 100px; 
     background: blue; 
     word-break: break-all 

    } 

チェックの内側に立つsssを作るために私にいくつかのコードを教えてください。このjsfiddle