あなたはに改行を追加することができます：擬似要素の後に？

StackOverflow https://stackoverflow.com/questions/1672879

  •  16-09-2019
  •  | 
  •  

質問

私は特定のクラスに<br />を追加します。使い方：疑似クラスは単にテキスト<br />を表示した後、

この作品を作るための方法はありますか？

ブラウザの問題は問題ではありませんので、

これはIE8のための内部です。私が行う場合は、

<span class="linebreakclass">cats are</span> brilliant

私は「華麗」は新しい行に表示する。

役に立ちましたか？

解決

あなたは、HTMLタグをレンダリングすることはできませんが、あなたは、このようなスタイルを設定することができます：

.needs-space:after
{
    content: " ";
    display: block;
    clear: both; /* if you need to break floating elements */
}
display: block;内部のコンテンツの後：

ここでの主な設定は、これは、をレンダリングするDIVされます。そして、この擬似要素は、すべての最新のブラウザでサポートされています。 IEを含みます。このあなたのユーザーと自分のブラウザを認識する必要がありますと言っています。

他のヒント

あなたは改行としてレンダリングされます\Aエスケープシーケンスを、使用することができます：

.new-line:after {
  white-space: pre-wrap;
  content: "\A";
}

この方法は、contentプロパティのhref="http://www.w3.org/TR/CSS2/generate.html"> CCS 2.1仕様の

  

著者は書くことによって生成されたコンテンツ内の改行を含むことができ   "\A"後の文字列のいずれかで'content'エスケープシーケンス   プロパティ。この挿入された改行はまだ対象となります    'white-space' のプロパティます。

これはさらに悪化します - ：クラスの後に（あまりにも、おそらくいくつかの他のブラウザ）でもIE6では動作しません。

私は、あなたが本当にここにしたいことは間隔を提供するために、要素の下の余白、だと思います。

単に

.myElement {
    margin-bottom: 1em;
}
ライセンス： CC-BY-SA と 帰属
所属していません StackOverflow
scroll top