Text content of div set by JS wont break to new line

Question

i have some div created with JS and mydiv.textContent="blahblahblahblahblahblah"; despite the fact mydiv have width set to 100px, string of text assigned to div keeps on going in one line and wont drop to other text. i am confused

Answer 1

在您的CSS中使用

word-wrap: break-word;

Answer 2

If you want to make a string breakable into two lines and it contains no spaces, you need to insert suitable control characters or HTML tags that allow acceptable breaks, or maybe use automatic hyphenation. So this really depends on the kind of content you have; see my page on word breaks in HTML.

If the content is literally "blahblahblahblahblahblah" as a JavaScript string, make it "blah\\xadblah\\xadblah\\xadblah\\xadblah\\xadblah" . The notation \\xad stands for U+00AD SOFT HYPHEN, which is treated as an invisible hyphenation hint.