16
W polu tekstowym pojawiają się nowe linie, na przykład z użyciem 
, ale jak mogę to zrobić dla elementu div bez użycia htmll (zwykły tekst, taki jak \ n)?Nowa linia w tekście wewnątrz div
A
Odpowiedz
47
Możesz użyć CSS, aby zmusić HTML do rozpoznawania nowych linii jako linii podziału.
Wystarczy ustawić white-space nieruchomość do pre:
div {
white-space: pre;
}
+0
Które przeglądarki obsługują to. –
+1
Wszystkie, aż do IE6. https://developer.mozilla.org/en-US/docs/Web/CSS/white-space#Browser_compatibility – mrdommyg
+2
Doskonała poprawka w przypadku pobierania wartości tekstowej z obszaru tekstowego i stosowania do elementu div. Dodatkowy kredyt: użyj pre-wrap, aby umożliwić działanie własności word-break (IE8 +) – Mark
Powiązane problemy
- 1. nowa linia w pisku
- 2. Nowa linia w Node.js
- 3. Bootstrap stół żadna nowa linia
- 4. nowa linia w zespole 8086
- 5. CSS siła nowa linia
- 6. Nowa linia zapytania SQL
- 7. Nowa linia Haskell
- 8. GROUP_CONCAT MYSQL nowa linia
- 9. Nowa linia w obszarze tekstowym
- 10. OpenCV putText() nowa linia znaków
- 11. nowa linia na schemacie (Racket)
- 12. file_put_contents i nowa linia help
- 13. Nowa linia na PHP CLI
- 14. Koniec linii (nowa linia) ucieka w bashu
- 15. Nowa linia etykiet znaczników osi w Matlab
- 16. nowa linia „\ n” w pliku YAML
- 17. Nowa linia produkcji PHP w pliku tekstowym
- 18. Wyrażenie i nowa linia w etykietach działek
- 19. Perl Net :: Jabber :: Bot nowa linia
- 20. . Klasa Regex i nowa linia .NET:
- 21. xmlstarlet wyjście sel nowa linia pomiędzy wartościami
- 22. Wykryj moment, w którym zaczyna się nowa linia w UITextView
- 23. DIV wewnątrz innego DIV wewnątrz innego div z CSS
- 24. Jak wybrać div wewnątrz div wewnątrz div z jquery
- 25. Jak określić pozycje "nowych linii" w tekście elementu HTML?
- 26. Wyśrodkuj div wewnątrz innego div
- 27. Auto-komentarz nowa linia w vim tylko dla bloku komentuje
- 28. Nowa linia i powroty są ignorowane w zestawieMessageBody
- 29. Nowa linia \ n nie działa w JButton.setText ("fnord \ nfoo");
- 30. W wyszukiwaniu i zamianie vim, nowa linia jest renderowana jako "^ @"
'\ n' || '\ r' || '" \ n "' || '" \ r "' – SpYk3HH
Nie działa wewnątrz elementu div. – user3681138
Dodaj 'white-space: pre;' rule CSS. – Benio