break long-no-spaces-lines on commas, dots, hyphens or other special chars

Question

I'm trying to display various texts on small screens (phones)
text is justified but it happens that there is a line with long word /formula / string, that won't fit

There is the possible word-break: break-all;, but it breaks lines too arbitrary, I would need a in-between solution like shows the following:

http://jsfiddle.net/Jsa5t/

score 10 · Accepted Answer · answered Apr 29 '12 at 15:59

10

Insert the <wbr> tag to specify an allowed direct line breaking opportunity.

The theoretically more correct method is to insert the zero-width space character, U+200B (), but it fails badly on some old browsers.

A treatise on preventing and allowing line breaks in HTML: http://www.cs.tut.fi/~jkorpela/html/nobr.html

answered Apr 29 '12 at 15:59

Jukka K. Korpela

195,524
37
270
390

It does its job when used to specify line breaking opportunities: http://jsfiddle.net/TXWtH/ There is no end tag, and the tag is to be placed at each point where you wish to allow a line break. – Jukka K. Korpela Apr 29 '12 at 16:43

score 2 · Answer 2 · answered Apr 29 '12 at 15:57

2

not sure what your asking but you can use

word-wrap:break-word

answered Apr 29 '12 at 15:57

breezy

1,910
1
18
35

1

yes it's better even if 'broken' is broken like this br+oken http://jsfiddle.net/Jsa5t/2/ – Apr 29 '12 at 16:27
you can try `word-spacing:1px` or `letter-spacing:` – breezy Apr 29 '12 at 21:45

score 0 · Answer 3 · answered Aug 06 '18 at 15:17

0

If you can new line when have an dot(.) text try this code on your css file:

.your_class{
white-space: pre-line !important;
}

answered Aug 06 '18 at 15:17

Bruno Pinna

123
11

break long-no-spaces-lines on commas, dots, hyphens or other special chars

3 Answers3

Linked