【CSS】疑似要素「::before」と「::after」のcontent内で改行させる方法
Ads by Google
CSSの擬似要素「::before」と「::after」のcontent
内で改行させる方法を紹介します。
ポイントは疑似要素にwhite-space:pre;
を追加すること。
そしてcontent内の改行させたい箇所に\A
を挿入します。
具体的には次のようなコードになります。
HTML
<div class="sample"> Hello World </div>
CSS
.sample::after { content: 'みなさん\Aこんにちは'; white-space:pre; }
コレで「\A」の箇所で改行されるようになります。
こちらの記事もいかがですか?
アナタにオススメ!
同じカテゴリーの他の記事です。
Ads by Google