前書き
before,after等の疑似要素なんかでよく使う「content」のCSS、よく使うのは、liタグやaタグの前後とかにアイコンを追加したりなどで使いますね。
以前にHTML側の更新が難しいと言われ、CSSのみで本文をいじった際に、「content」内にちょっとしたテキストを追加したのですが、これって改行どうやるんだっけ。となって調べた事があったのでまとめておきます。
コード
white-space: pre-wrap;
content: 'ここで\A改行がしたい';
必要なのは上記の２つです。
「white-space:pre-wrap;」を指定する事で、「content」内で改行が出来るようになり、実際の「content」のテキストの中で「\A」を記入する事で改行が出来ます。
「white-space:pre;」でも「\A」の改行コードを効くように出来ますが、その場合自動での折り返しがなくなるため、長い文を書くとその分はみ出す形になってしまいます。
Запой может быть вызван различными факторами, включая стресс, депрессию, психические расстройства, социальные и семейные проблемы, а также физиологическую зависимость от алкоголя. Последствия запоя могут быть крайне серьезными, начиная от проблем со здоровьем (таких как цирроз печени, панкреатит, сердечно-сосудистые заболевания) и заканчивая социальными и личными проблемами (разрушение семей, потеря работы, правонарушения).
https://tajno-vyvod-iz-zapoya.ru/