親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。
なぜそんな無闇をしたと聞く人があるかも知れぬ。別段深い理由でもない。新築の二階から首を出していたら、同級生の一人が冗談に、いくら威張っても、そこから飛び降りる事は出来まい。弱虫やーい。と囃したからである。小使に負ぶさって帰って来た時、おやじが大きな眼をして二階ぐらいから飛び降りて腰を抜かす奴があるかと云ったから、この次は抜かさずに飛んで見せますと答えた。（青空文庫より）

テキストエディターウィジェットなどでテキストを入れて、改行を入れて調整したけどスマホの時に改行をなくしたい場合ありますよね？
たとえば、普通に改行箇所を入れたものを表示した場合がこのようになります。
※「…腰を抜かした事がある。」の後に<br>を入れてます。

●PCで見た場合

●スマホで見た場合

スマホの場合、中途半端な位置で改行がかかり非常に気持ち悪い。
そこでテキストエディタの<br>タグに対して次のようにクラス名を指定します。
※spはなんでもわかりやすい名前でいいと思います。
<br class=”sp” />

brのクラス名を設定してるのは意図したbrタグのみ改行を調整したいためで
クラス名を設定しないと全てのbrの改行がなくなってしまうため( ^ ‿ ^)

次にテキストエディター＞詳細＞カスタムCSSの箇所に
次の記述を入れます。

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

br.sp{
display:none;

}

}


次のようにスマホの時だけ改行がなくなりました！

デモを見る

Announce

New
arrival

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.
shop new arrivals

Announce

New
arrival

2019 collection

Let’s face it, no look is really complete without the right finishes. Not to the best of standards, anyway (just tellin’ it like it is, babe). Upgrading your shoe game. Platforms, stilettos, wedges, mules, boots—stretch those legs next time you head out, then rock sliders, sneakers, and flats when it’s time to chill.
shop new arrivals