由JS设置的div的文本内容不会破坏到新行

时间:2012-12-01 22:03:21

标签: javascript html

我有一些用JS和mydiv.textContent="blahblahblahblahblahblah";创建的div 尽管mydiv的宽度设置为100px,但分配给div的文本字符串仍然在一行中,并且不会丢弃到其他文本。我很困惑

2 个答案:

答案 0 :(得分:4)

在你的css中使用

word-wrap: break-word;

答案 1 :(得分:1)

如果要将字符串分解成两行并且不包含空格,则需要插入适当的控制字符或HTML标记以允许可接受的中断,或者使用自动连字符。所以这真的取决于你拥有的内容类型;在HTML中查看我的page on word breaks

如果内容按字面意思"blahblahblahblahblahblah"作为JavaScript字符串,请将其设为"blah\xadblah\xadblah\xadblah\xadblah\xadblah"。符号\xad代表U + 00AD SOFT HYPHEN,它被视为隐形连字符提示。