Text bleibt außerhalb von div, wenn er angehängt wird

Ich versuche, Text in ein div anzuhängen, aber es geht außerhalb der div-Box wie dieser https://gyazo.com/a3b7bbd13c2934e653c7b5d9166d1ba4. Ich möchte, dass es wie jedes andere Dokument weitergeht. Ich habe versucht, Überlauf und Leerzeichen, aber nichts scheint zu funktionieren, ich brauche einige Vorschläge. Vielen Dank für Ihre Zeit!Text bleibt außerhalb von div, wenn er angehängt wird

Dies ist der Code zum Abrufen und Veröffentlichen des Texts. Text ist entnommen aus

if(newclassexpected === true){$(".siteview").append("<div class=\"" + definedclass + "\"><\/div>"); 
          newclassexpected = false;} 


fonthandler(); 
     $(definedclass2).css("display", "none"); 
    $(definedclass2).css({ 
     "width": width, 
     "height": height, 
     "float": "left", 
     "border": "solid 2px black", 
     "background": bgcolor, 
     "font": fontcomponent, 
     "color": txcolor, 


}); 
    var test1 = $("#textbox").val(); 
$(definedclass2).fadeIn(100); 
$(definedclass2).empty(); 
$(definedclass2).prepend("<p>" + test1+ "</p>");

Quelle

2017-01-14 Noxcore

Es abgeschnitten die letzte Zeile, "Text stammt aus in html" – Noxcore

Bearbeiten Sie Ihren Beitrag lieber als Kommentar dazu und machen Sie eine Geige anstatt Link zu Ihrer Website. :) – jmargolisvt

@jmargolisvt Ye, tut mir leid, ich hätte das tun sollen, und es ist derzeit nur auf meinem Computer nicht überall hochgeladen. Aber Michael hat es für mich gelöst, aber danke für deine Zeit! – Noxcore

Sie wollen word-break: break-all; verwenden überall in einem Wort zu brechen so.

div { 
 
    border: 1px solid black; 
 
    width: 100px; 
 
    word-break: break-all; 
 
}

<div>asdfasdfasdfasdfasdfasdf</div>

Quelle

2017-01-14 20:43:34

PERFEKT! Vielen Dank, sobald es mich lässt, werde ich es als beantwortet markieren! – Noxcore

Da der Text, der in Bild gezeigt haben keinen Platz explizit müssen das Wort aufgespalten, die durch word-wrap:break-word; in Ihrem CSS getan werden kann.

Quelle

2017-01-14 20:46:08 user3596474

Perfekt, das funktioniert noch besser als Michaels aber mit der gleichen Technik! Danke euch beiden! – Noxcore

@noxcore Gern geschehen! und akzeptiere die Antwort, damit die Frage geschlossen werden kann :) – user3596474

Text bleibt außerhalb von div, wenn er angehängt wird

Antwort

Verwandte Themen