HTMLでスマホだけ改行を反映させるやり方

Web



PCでは、以下のように表示されていたとします。





一方、スマホでは以下のように表示されています。


Before





改行させたい文字の前に<br class="br-sp">を記述します。



(例)

<p>長女 シエル( 高1 )<br class="br-sp"><i class="fas fa-caret-right my-small-2"></i>マイペースで妹の面倒見がいい。</p>



After



PCでは変化はありませんが、スマホでは改行された表示となります。







コメント

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