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

CSS

2016.03.302024.08.19

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

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

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

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

@media screen and (max-width:600px){
	br {
		display: none;
	}
}

@media screen and (max-width:600px){

br {

display: none;

}