• RSS

[CSS]brタグの改行を無効化する方法

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

レスポンシブのサイトを制作している場合は特に「PCサイトでは<BR>タグで改行させている所を、スマホで見た時には改行させたくない」ということが頻繁にあるのではないかと思います。

<br class=”mobile”>にようにクラスを指定する方法も考えられますが、特定のブラウザ幅の時だけ<BR>タグによる改行を無効化する方法もあります。

CSSでBRタグの改行を無効化

例えば、600px以下のブラウザ幅の場合に<BR>タグによる改行を無効化してあげるには、以下のようなCSSを指定します。



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください