改行( br )を改行させないようにするCSSメモ

SPONSORLINK

こんにちは。ヨシキです。今回は地味に「あ、そんなことできたんだ。」となったCSSメモ。

CSSで<br>タグを無効にしてしまう方法をご紹介します。

スマホサイトやリニューアルで別のサイトに以降した時など、データベース上のソースは変えられない(変えるのがめんどくさい)が<br>は打ち消したいという場合に便利なCSSかなーとおもっています。。

とっても簡単!<br>を display:none; で消し去るだけ!

任意のプロパティの中の<br>に対してdisplayプロパティでなかったことにしてしまいましょう!これで全て解決です。

[css] #sample br {
display: none;
}
[/css]

実際のソースを修正した方が間違いなくいいのですが、どうしても修正できない場合や工数的に難しいという場合に使えます。

※ただし、Googleなどの評価としてはあまり良くない可能性があるので、できれば使いたくはないですねw

SPONSORLINK

シェアしてくれたらうれしー。

このサイで使っているWordPressテーマ
「STORK19」

当ブログはWordPressを使用して作られています。そしてデザインテンプレートはSTORK19を使用しています。

1件のコメント

ABOUT US

矢野キチ
フリーランスのWEB屋です。このブログでは「自由に生きる」をテーマに生活の中で思ったことをザクザク書いていきます。身体的特徴としては目が細いので、ゴミがあまり目に入らないので人生得しています。