包裝文本里面的div - css

我有包裝問題。我正在生成一些hexencoding加密，輸出太長了;包裝文本里面的div - css

827938828ey823876te37257e5t328er6367r5erd663275e65r532r6s3624e5645376er563rdr753624e544341763r567r4e56r326r5632r65sr32dr32udr56r634r57rd63725

並繼續。當我把它放在一個div裏時，即使我指定了一個特定的寬度，它也不會包裹它，因爲它們都在一起。如果div不足一行，我希望它從下一行繼續。

我該怎麼做？

來源

2011-02-25 tugberk

appeedly stackoverflow.com正在實施我所需要的。它從第二行繼續。當我看着這個頁面的源代碼時，我看到了以下文本：width：660px; font-size：107％; margin-bottom：5px; margin-right：5px; 行高：130％; – tugberk

~~因爲它沒有任何空格，所以不能包裝該文本。您需要一個JavaScript或服務器端解決方案，在幾個字符後分割字符串。~~

編輯

您需要在CSS中添加該屬性。

word-wrap: break-word;

來源

2011-02-25 17:14:19 adarshr

不適用於我。我正在使用contentEditable作爲true –

我發現有點怪怪的約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/

我知道它太晚了，但它可以幫助別人！

來源

2014-01-31 10:19:50

包裝文本里面的div - css

回答

相關問題