Javascript 更改html字符串宽度

Javascript 更改html字符串宽度,javascript,css,html,Javascript,Css,Html,我有html,例如: <div id='foo' style='background:transparent;color:white;width:120px'><p>test_text_test_text_test_text_test_text_test_text_test_text_test_text</p></div> 测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本 如果字符串宽度超过120,如何设置为字符

我有html,例如:

<div id='foo' style='background:transparent;color:white;width:120px'><p>test_text_test_text_test_text_test_text_test_text_test_text_test_text</p></div>
测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本测试文本

如果字符串宽度超过120,如何设置为字符串“\n”?例如,可能是这样的:

<div id='foo' style='background:transparent;color:white;width:120px'><p>test_text_test_text\n_test_text_test_text\n_test_text_test_text\n_test_text</p></div>
测试文本测试文本\n测试文本\n测试文本\n测试文本\n测试文本\n测试文本\n测试文本


我将非常感谢您的帮助

您应该使用css属性-word wrap

word-wrap:break-word;

示例:

您应该使用css属性-word wrap

word-wrap:break-word;

示例:

是否希望结果显示在网页、源代码或文本编辑器中?为什么要在文本中使用字符?如果你的意思是换行,那么这个问题已经被问了很多次了,所以请搜索它们。这还不清楚,你想在服务器端还是客户端完成?一些上下文可能会有所帮助,你想做什么呢?请注意,你的文本将自动在任何空白字符处换行。不要用不常见的
test\u文本
来愚弄自己。曾经发生在我身上;-)@Korpela这就是我发表评论的原因:如果他只需要对源代码进行包装,那么放\n就可以了。否则,如果他想将文本发送到呈现页面中的换行符,这是不好的。您想在网页、源代码或文本编辑器中显示结果吗?为什么要在文本中使用字符?如果你的意思是换行,那么这个问题已经被问了很多次了,所以请搜索它们。这还不清楚,你想在服务器端还是客户端完成?一些上下文可能会有所帮助,你想做什么呢?请注意,你的文本将自动在任何空白字符处换行。不要用不常见的
test\u文本
来愚弄自己。曾经发生在我身上;-)@Korpela这就是我发表评论的原因:如果他只需要对源代码进行包装,那么放\n就可以了。否则,如果他想将文本发送到呈现页面中的换行符,那就不好了。请注意,这只是一个CSS3属性。请注意,这只是一个CSS3属性