before・afterの「content」内でテキストを改行する方法の紹介です。
「content」内では、「<br>」とか「\n」では改行できないんだ。
では、その方法をご紹介!
.demo::after { content: "改行はこのコードを入れれば\A出来るよ!"; white-space: pre-wrap; }
デモ
説明
「content」の中で改行したい箇所に「\A」を入れて、コード内の改行を操作する「white-space: pre-wrap;」を書けば、いい感じ改行されるよ!
以上です!
コメント