The text without space overflows out of the screen


#1

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.


#2

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


#3

Try setting this to the container:

.msg-balloon{
  word-wrap: break-word;
}