Chrome에서 특정 문자로 CSS 속성 "word-break : break-all"이 예상대로 작동하지 않습니다.

Question

"word-break : break-all"을 사용하여 문자 사이에 구분 기호를 삽입하고 있습니다.
그러나 Chrome에서는 아래와 같이 특정 문자 (예 : 콜론, 세미콜론, 쉼표)가 예상대로 작동하지 않습니다.
는 (내 codepen은 여기에 있습니다 : https://codepen.io/yukito/pen/wobZJq)

소스 코드 :

파이어 폭스와 사파리에서

<style> 
    .test { 
    width: 300px; 
    word-break: break-all; 

    /* cosmetic */ 
    background-color: red; 
    margin-bottom: 5px; 
    } 
</style> 

<div class="test"> 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
</div> 

<div class="test"> 
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; 
</div> 

, 그것은 예상대로 작동하고.

내 질문 :
. 그게 버그 야? 또는 사양?
. Chrome에서 연속적인 세미콜론 사이의 줄을 끊으려면 어떻게해야합니까?

감사합니다.

업데이트 :이 펜 같은

"브레이크 단어"휴식 라인을 고려 단어 경계 : https://codepen.io/yukito/pen/xRNopJ 정말 단어 경계를 고려하지 않고 모든 문자 사이 나누기를 삽입 할
. 웹킷 브라우저의

Answer 1

, 당신은 추가해야합니다 대신 break-all의

.test { 
     word-break: break-word; 
    } 

Demo

Answer 2

사용 break-word 속성을.

아래 조각에 보라 :

<style> 
 
    .test { 
 
    width: 300px; 
 
    word-break: break-word; 
 
    
 
    /* cosmetic */ 
 
    background-color: red; 
 
    margin-bottom: 5px; 
 
    } 
 
</style> 
 

 
<div class="test"> 
 
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ 
 
</div> 
 

 
<div class="test"> 
 
;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; 
 
</div>

희망이 도움이!