brにdisplay:none;を指定する

タイトルの通りですが、brタグにdisplay:none;を指定するという発想が無かったのでメモ。
レスポンシブサイトで改行を消したりしたいときに便利そうです。

サンプルコード

HTML

1
2
3
<p>ここも今もっともその発展ようというのの日がするありた。<br />
何とも今に沙汰ようはやはりその相当なんまでに来らていですがは唱道云えでるから、一応にはなりですですだだ。<br />
陰よりありなけれ事はしかるに十月がすでにたでう。</p>

CSS

1
2
3
4
5
@media screen and (max-width: 640px) {
br {
    display: none;
}
}

brにdisplay:none;を指定するデモページ
 

【参考サイト】

 

関連記事

コメントを残す

メールアドレスが公開されることはありません。
* が付いている欄は必須項目です

CAPTCHA


コメントが承認されるまで時間がかかります。

2025年3月
 1
2345678
9101112131415
16171819202122
23242526272829
3031