サイト制作に関するメモ書き

HOME > HTML・CSS > brにdisplay:none;を指定する

brにdisplay:none;を指定する

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

サンプルコード

HTML

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

CSS

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

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

【参考サイト】

 

コメントを残す

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

▲PAGE TOP