EDIT: Stellen Sie es heraus! word-wrap:break-word; gibt es ist, die das gleiche Problem;)CSS - Wie div break Linie
Also habe ich folgendes div:
<div class="thing">
aaaaaaaaaaaa
</div>
Und die CSS:
.thing {
width: 90%;
height: 400px;
padding: 10px solid #000;
}
Das Problem ist, wenn ich zu viel Inhalt hinzufügen , der Text geht aus dem div!
http://i.imgur.com/Xa51x2J.png
Wie dies nur mit CSS beheben?
.thing {
width: 90%;
height: 400px;
padding: 10px solid #000;
word-break:break-all;
}
Verwendung Wortbruch
Was ist der Unterschied zwischen Breakall und Breakword? –
break-all verschiebt Ihr Wort in die nächste Zeile, wenn es nicht in die Containerbreite passt, aber das Break-Word unterbricht das Wort, damit es in die Containerbreite passt. siehe diesen Link http://stackoverflow.com/questions/1795109/what-is-the-difference-between-word-break-break-all-versus-word-wrap-break –
Sie sich davon nicht Raum Hinzufügen happen Coze sind
fügen Sie einfach einen Raum, wo einige zwischen 'aa' wie dieser> 'aaaaaa aaaaaa' es nicht ist Wort mit 12 Zeichen
aber wenn man dieses lange Wort dann brauchen
verwendenword-break:break-all;
'padding: 10px solid # 000;' ........ nur um zu verifizieren, meinst du ** border ** right? – Riskbreaker