Per Mille (‰) Symbol bewirkt, dass div innerHTML die Zeile automatisch unterbricht (Javascript/HTML)

Question

Das Symbol per mille (‰) bewirkt, dass die Zeichenfolge in innerHTML die Zeile automatisch unterbricht. Ich weiß wirklich nicht, warum das so ist. Was es ungewöhnlicher macht ist, dass andere Symbole wie *, &, ^, %, $ gut funktioniert. bedeutet das Promille-Symbol etwas anderes in HTML oder Javascript? Hier

ist der Stil des div:

style='text-align: left; padding-left: 12px; color: white;position:absolute; width:600px; left:52px; overflow:hidden;'

Der Text beispielsweise platziert werden soll:

WWWWWWWWWWW‰WW‰‰‰‰WWWWWWWWWWWWWWWWWWW‰‰%‰WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW 

Dies ist, was passiert: in der Regel 1

es sollte besetzen nur eine Zeile, da es einen Überlauf gibt: versteckt auf dem Stil, aber aus irgendeinem Grund bricht es in Zeilen nach dem Promille-Symbol. Hat jemand eine Idee, warum es das tut?

[EDIT]: Ich habe vergessen zu erwähnen, dass die Zeichenfolge, die auf dem Div platziert ist, aus dem Servlet (Java) kam.

Answer 1

Das hat nichts mit ‰ zu tun: In einem Container mit fester Breite vermeidet der Browser Wörter zu unterbrechen, so lange Wörter werden in die nächste Zeile springen. Sie können den Browser zwingen, Wörter zu unterbrechen, indem Sie word-break:break-all; verwenden.

Demo: https://jsfiddle.net/iRbouh/0h2f2yxj/

Ich hoffe, dies wird Ihnen helfen.