brタグを使わずにCSSのみで改行するテクニック
コード
loading...
loading...
プレビュー
loading...
解説
改行したい文字を、br
クラスを付与したspan
タグで囲んで使用します。
そして、CSSでは.br::before
のcontent
プロパティに\Aを指定します。
(※AはISO-10646の改行コードで\でエスケープして使用します。)
そしてwhite-space
にpre
を指定することで改行を有効にします。
brタグを使わずにCSSで改行することによって、PCでは改行するがスマホでは改行しない、ということが可能になります。