溢出問題在css

Question

雖然我正在做一個網站，我有一個文本溢出的問題。

這是代碼

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

<div>sssssssssssssssssssssssssssssssssssssssss</div>

的ssssss是在div溢滿我希望他們的下一行，而無需鍵入<br>。我不知道如何申請display: flex;。 請給我一些代碼，使得sss只能站在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 

    } 

入住這裏面jsfiddle