div-css 안에 텍스트 줄 바꿈

Question

줄 바꿈에 문제가 있습니다. 일부 hexencoding 암호화 생성 및 출력 너무 깁니다;

827938828ey823876te37257e5t328er6367r5erd663275e65r532r6s3624e5645376er563rdr753624e544341763r567r4e56r326r5632r65sr32dr32udr56r634r57rd63725

과 계속됩니다. div 안에 넣을 때 특정 너비를 지정하더라도 모두 함께 있기 때문에 포장하지 않습니다. div가 한 줄에 충분하지 않으면 다음 줄에서 계속하고 싶습니다.

어떻게하면됩니까?

Answer 1

해당 텍스트를 공백없이 잘리지 않으므로 줄 바꿈을 할 수 없습니다. 몇 자 뒤에 문자열을 나눕니다 JavaScript 또는 서버 측 솔루션이 필요합니다.

EDIT 당신은 CSS에서이 속성을 추가해야합니다.

word-wrap: break-word;

Answer 2

여기 이상한 일에 대한 word-wrap 만 제대로 CSS의 width 속성과 작동을 발견했다.

HTML :

<b>This is the example of word-wrap only using width property</b> 
<p id="ONLYwidth">827938828ey823876te37257e5t328er6367r5erd663275e65r532r6s3624e5645376er563rdr753624e544341763r567r4e56r326r5632r65sr32dr32udr56r634r57rd63725</p> 
<br/> 
<b>This is the example of word-wrap without width property</b> 
<p id="wordwrapWITHOUTWidth">827938828ey823876te37257e5t328er6367r5erd663275e65r532r6s3624e5645376er563rdr753624e544341763r567r4e56r326r5632r65sr32dr32udr56r634r57rd63725</p> 
<br/> 
<b>This is the example of word-wrap with width property</b> 
<p id="wordwrapWITHWidth">827938828ey823876te37257e5t328er6367r5erd663275e65r532r6s3624e5645376er563rdr753624e544341763r567r4e56r326r5632r65sr32dr32udr56r634r57rd63725</p> 

CSS : 여기

#ONLYwidth{ 
    width:200px; 
} 

#wordwrapWITHOUTWidth 
{ 
    word-wrap: break-word; 
} 

#wordwrapWITHWidth 
{ 
    width:200px; 
    word-wrap: break-word; 
} 

내가 그것에 대해 준비했습니다 작동하는 데모입니다. http://jsfiddle.net/Hss5g/2/

나는 너무 늦었지만 다른 사람들을 도울 수 있다고 생각합니다!