brタグで特定のデバイスのときだけ文章の改行を設定したいときのCSS

         

CSS

brタグで特定のデバイスのときだけ文章の改行を設定したいときのCSS

2020年05月04日 9:00 2020年06月01日

brタグで特定のデバイスのときだけ文章の改行を設定したいときのCSS

こんにちは、社員Kです。
本日は、指定のデバイスで改行のON/OFFを切り替えるシンプルなCSSの紹介です。

ではさっそくCSSの定義から

「pc(パソコン)」「tb(タブレット)」「sp(スマホ)」と3種類のサイズでクラス名を用意しています。
ここは任意のデバイスサイズで調整が可能です。



PCのときだけ改行したい場合

PCとタブレットで改行したい場合

上記のように複数のデバイスを同時に指定することも出来ます。

また、brでの改行以外にも利用できるCSSなので、参考になれば幸いです。

関連記事

この記事を書いた人

社員K

福岡でWebプログラマー・フロントエンドエンジニアとして10年目。まだまだ勉強することが沢山あるなぁと最近良く思います。日本語には自信があります。すぐに効くダイエット情報募集中!