疑似要素テキストに改行を入れよう

疑似要素でたまにテキスト入れたりするんですが、スマホ時は改行したいなって時ありますよね。(私はたまにあります)

HTMLタグと同じく<br>入れても意味ないので、代わりに「\A」を入れると効きます。

.gijiyouso::after{
  content: "ここに改行を入れたいね";
}

@media only screen and (max-width: 450px){
  .gijiyouso::after{
    content: "ここに改行が\A入ったね";
  }
}

こんな感じですー。

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