16
In einem Textbereich gibt es neue Zeilen mit zum Beispiel 
, aber wie kann ich dies zu einem div-Element tun, ohne htmll (Klartext wie \ n)?Neue Zeile im Text innerhalb div
A
Antwort
47
Mithilfe von CSS können Sie HTML dazu zwingen, neue Zeilen als Zeilenumbrüche zu erkennen.
Setzen Sie einfach die white-space Eigenschaft pre:
div {
white-space: pre;
}
+0
Welche Browser unterstützen dies? –
+1
Alle von ihnen, den ganzen Weg zurück zu IE6. https://developer.mozilla.org/en-US/docs/Web/CSS/white-space#Browser_compatibility – mrdommyg
+2
Hervorragende Korrektur für die Übernahme von Textwerten aus einem Textbereich und die Anwendung auf ein div. Extra-Kredit: Verwenden Sie Pre-Wrap, um Word-Break-Eigenschaft Arbeit nach Bedarf zu ermöglichen (IE8 +) – Mark
Verwandte Themen
- 1. Neue Zeile im Datenattribut
- 2. Fügen Sie neue Zeile in Text nur div
- 3. Text überläuft innerhalb einer div
- 4. Suche nach Text innerhalb div
- 5. Begrenzen Zeichenfolge Text innerhalb div
- 6. geschwungenen Text innerhalb eines div
- 7. div Text auszurichten Zentrum Probleme innerhalb Schleife
- 8. Neue Zeile im konstanten Fehler
- 9. Bootstrap push div Inhalt auf neue Zeile
- 10. Enthalten p Text innerhalb div horizontal
- 11. Bildgröße innerhalb div im Bootstrap
- 12. Neue Zeile im Bootstrap Pop-Over
- 13. Drei div in Zeile und Text der div Bruchlinie, wenn Text div Grenzen überschreitet
- 14. Zentrum ausrichtende Tasten Text innerhalb div dynamisch?
- 15. Text Fester sichtbar nur innerhalb eines div
- 16. CSS, geht Text 'innerhalb' der div-Container und teilweise versteckt
- 17. XSLT - Ersetzen Sie mehrere neue Zeile durch einzelne neue Zeile
- 18. Flex: Wenn Text zu lange in neue Zeile einbricht
- 19. Make Text wählbar innerhalb eines unselectable div
- 20. vertikal align text innerhalb div mit elipsis
- 21. nur Text innerhalb eines div mit jquery
- 22. Wrap einen Text innerhalb nur zwei Zeilen innerhalb div
- 23. Wrapping div in neue Zeile verursacht witziges Verhalten
- 24. Hinzufügen von animierten verschwinden Text, ohne neue Zeile hinzufügen
- 25. Emacs 24.5 neue Zeile Einrückung im Textmodus
- 26. div innerhalb div - Breite Problem
- 27. Neue Zeile in Python?
- 28. JQuery Datatables Neue Zeile hinzufügen
- 29. Kommentar Text hinter div
- 30. Abrufen von Text innerhalb einer Div-Klasse in Jsoup
'\ n '|| '\ r' || '" \ n "' || '" \ r "' – SpYk3HH
Es funktioniert nicht innerhalb eines div-Elements. – user3681138
Fügen Sie 'white-space: pre;' CSS-Regel hinzu. – Benio