div-cssの中にテキストをラップします

Question

ラッピングに関する問題があります。私はいくつかのhexencoding暗号化を生成しており、出力はあまりにも長くなっています。

827938828ey823876te37257e5t328er6367r5erd663275e65r532r6s3624e5645376er563rdr753624e544341763r567r4e56r326r5632r65sr32dr32udr56r634r57rd63725

、それが続きます。私はdiv内に置くとき、彼らはすべて一緒にいるので、私は特定の幅を割り当てても、それをラップすることはありません。 divが1行で十分でない場合は、次の行から継続したい。

どうすればいいですか？

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/

私はそれが遅すぎると知っていますが、それは他人を助けることができます！