CSS or what? Forcing the text split into multiple lines
css, html, styling
Solution
Applying `word-break: break-all;` will make the text wrap at whatever character whenever it exceeds it's parent's width, without the need of a space or other type breakpoint.
Problem
Forcing the text split into multiple lines when it reaches the maximum width of the `#div`. How can I do this? because, if I try to output data with 200 characters without spacing, I get the following: Result 1 (no spacing): ``` aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa... ``` Result 2 (have one space): ``` aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa (space) aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa... ``` Expected result: ``` aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa... ``` Do I need to use the following? ``` result+=str.substring(0,200) "\n"; ``` or it is a CSS styling?