Text in DIV wickelt nicht immer

Question

Ich habe bearbeitet DIV here erstellt. Der Text wird eingepackt, genau wie ich es wollte. Aber was ich bemerkt habe, ist, dass Text nur dann umbricht, wenn es reiner Text ist. Auf dem Bild unten habe ich etwas Text mit Markup eingefügt - und es wird nicht umgebrochen. Kann ich das lösen, also wird der Text in DIV immer umgebrochen?

-Code für editierbare DIV:

.editableDiv { 
    padding: 5px; 
    -webkit-user-modify: read-write; 
    -moz-user-modify: read-write; 
    user-modify: read-write;  
    word-wrap: break-word; 
    box-sizing: border-box; 
    background-color: #FAC28A; 
    color: #003399; 
} 

Answer 1

Warum versuchen Sie nicht word-wrap: break-word; auf .spanDateEventHeader Klasse. Dies würde sicherstellen, dass es die Div nicht verlässt.

Answer 2

Sie verwenden offensichtlich Vorelement.

Schnelle Lösung ist die Verwendung von White-Space-Eigenschaft auf Pre-Element.

Fügen Sie diese in Ihrem CSS:

pre { 
    white-space: pre-wrap;  /* Since CSS 2.1 */ 
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
    white-space: -pre-wrap;  /* Opera 4-6 */ 
    white-space: -o-pre-wrap; /* Opera 7 */ 
    word-wrap: break-word;  /* Internet Explorer 5.5+ */ 
}