html - CSS で BR タグが壊れないようにする

Question

<br>CSS のみを使用してタグの破損を停止する方法はありますか?

br{display:none}whickを試してみましたが、保持する必要がある 2 つの単語の間のスペースも削除されます。

これは Webkit (iPhone) 専用なので、CSS3 の派手な装飾は問題ありません。

CMS からコンテンツを編集することはできないため、残念ながらタグを削除することはできません。

ありがとう！

score 23 · Accepted Answer

こちらの回答に続いて、これにより<br>Chrome と IE の両方でタグが壊れるのを防ぎます。

br {
    content: " ";
    display: none;
}

score 8 · Accepted Answer

わかりました、いくつか遊んだ後、私はあなたと共有する解決策を見つけました. <br>CSSでタグを完全に制御できるようです

button br{content:" ";border:1px solid #fff;background:red;padding:50px;}/* whatever you like */

button br:after{content:" ";}

HTML -

<button>the annoying<br/>tag is gone leaving a controlable space</button>

これがどの程度のクロスブラウザーかはわかりませんが、Webkit と iPhone で動作しており、今のところこれで十分です。

score 3 · Accepted Answer

OPのコメントでbozが述べたように、これは不可能です。が表示されているか<br/>(この場合はキャリッジリターン)、表示されていない場合は CSS で制御できません。

ここでの根本的な問題は、ジョブに間違ったツールを使用していることです。Javascript のドメインである DOM の構造を (少なくともクライアントで) 変更したいのです。

Javascript や CMS の変更を必要としない別の方法は、サーバーをセットアップしてリクエストをプロキシし<br/>、ドキュメントを通過するときにタグを削除することですが、やり過ぎのように思えます。

score 1 · Accepted Answer

CSS で <br> を無視しますか? を参照してください。. 解決策の1つはこれです（私の意見ではこれが最良の解決策です）

br  {
    content: ' '
}
br:after {
    content: ' '
}

7 に答える 7