brにdisplay:none;を指定する

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

サンプルコード

HTML

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

CSS

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

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

【参考サイト】

 

このエントリーをはてなブックマークに追加

関連記事

コメントを残す

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

CAPTCHA


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

2024年3月
 12
3456789
10111213141516
17181920212223
24252627282930
31