[Edit]

Langer Text umbrechen und in die nächste Zeile in HTML verschieben

1 contributors

2 contributions

0 discussions

3 points

Created by:

Nikki

10520

Problem

Edit

Ich habe ein langes Textstück in einem div und möchte es in mehrere Zeilen aufteilen, anstatt aus den Rahmen zu gehen.

Screenshot mit diesem Problem:

Code mit diesem Problem:

xxxxxxxxxx
 
<!doctype html>
<html>
<body>
    <div style="width: 150px; border: 1px solid black;">
        <div>Ursprünglich nur kundenseitig in Webbrowsern implementiert, JavaScriptJavaScriptJavaScriptJavaScriptJavaScript engines</div>
    </div>
</body>
</html>

Auto running

Dieser Text:

xxxxxxxxxx
 
JavaScriptJavaScriptJavaScriptJavaScriptJavaScript

wird außerhalb der 150px Box gehen.
Wie kann man das beheben?

Lösung

Edit

xxxxxxxxxx
 
overflow-wrap: break-word;

Es genügt, diese 1 Zeile hinzuzufügen und das Problem ist behoben.
Ihr korrigiertes Beispiel:

xxxxxxxxxx
 
<!doctype html>
<html>
<body>
    <div style="width: 150px; border: 1px solid black; overflow-wrap: break-word;">
        <div>Ursprünglich nur kundenseitig in Webbrowsern implementiert,            JavaScriptJavaScriptJavaScriptJavaScriptJavaScript engines</div>
    </div>
</body>
</html>