包装文本里面的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

回答

相关问题