【CSS】before・afterの「content」内でテキストを改行させる方

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

東京に住み始めて7年目。

前は神戸に。その前は名古屋に住んでいました。

ある年の冬、車で島根県へ旅行に出かけました。
同県の山中にある寒村をゆるゆると走っていると地面が凍結しており
車ごと川に滑り落ちそうになった経験を持つ30代(男)です。

フロントエンドを始めて7年目になります。
エディタはAtomからVSCodeに乗り換え、日々の業務でイラレとフォトショ、HTMLとCSSとjavascriptとphpを使用してます。
仕事をしていて、検索する手間を省くためフロント技術ブログを書いています。

エンデ・バタローをフォローする
シェアする
広告
初めてのブログ

コメント

タイトルとURLをコピーしました