brで改行させない件

こんにちは。ペーターパンです。

 

htmlで改行したい時はbrを使用しますが、例えばPCでは改行したいけど、スマホでは改行したくない等あると思います。

そんな時は、display: none;を使用して改行を無効にしましょう。

 

 

(例)スマホ時は改行させない

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

 

 

上記のように記述すればPCでは改行され、スマホでは改行されません。

 

以上、ペーターパンでした。

関連記事