The text without space overflows out of the screen


Hi guys, I’m making a chat app,

and in the chat room, I found something wrong.

A long text with space make a new line well,

but a long text without space, it overflows out of the screen.

This is the screenshot.

Can anybody help me? Thanks.


I don’t thing this is possible only with css. You can either add Soft Hyphen or zero-width space within your text programaticaly to achieve the desired result


Try setting this to the container:

  word-wrap: break-word;