レスポンシブ時にちょっとうざい
の対処法

CSS
スポンサーリンク

こんばんわ~(^^) 最近模写コーディングはじめましたマダラ蝶です。
アウトプットの大事さに触れています〜😅

今回の備忘録は、レスポンシブ対応するときにちょっとうざい<br>の対処法です。
僕のブログでは初めてのHTML,CSSの内容になります!

今回の備忘録はこんな方におすすめ!

  • レスポンシブ初心者です!
  • pc画面で設定した<br>がスマホ対応時に邪魔で困ってる(泣)

冒頭にも書いた通り、僕は最近模写コーディングに挑戦しているのですが、その際に困ることとして、文章の改行の位置です。
普段はwidthの設定などで切り抜けているのですが、HTMLに<br>タグがあると厄介です。

どんなにwidthを設定してもそこで開業されてしまいます😂

そんな問題を解決しようとググっているとなんとまさに目から鱗の解決法を見つけることができました!!

その解決法とは…

  <br>タグに対して display: none; を設定する

まさにこれだけです。

これをするだけであんなに悩んでいた「レスポンシブ改行問題」(勝手に命名)ともおさらばです😭

レスポンシブ対応で<br>に悩まされているそこのあなたに参考になれば幸いです。

では本日はもう眠いので今日はこのへんで…(手抜きごめんなさい)

ばいばいっ👋

コメント

タイトルとURLをコピーしました