2

私はちょっと私を狂わせる問題を抱えています。私は記事コンテナを持っており、その中にいくつかの段落があります。最初の段落にはドロップキャップが含まれています。この最初の段落ではテキストインデントを使用していませんが、後続のすべての段落では使用しています。

h3ヘッダーに続いて新しい段落を開始するとき、テキストインデントは必要ありません。いいでしょう、これを機能させることができます（例では青いテキスト）。

私の問題はこれです。新しい段落をヘッダーで始めると（強い後にブレークが続く）、この行は段落のテキストインデントを使用しますが、使用したくありません。段落の外側ではなく、段落の内側に強力なタグを付ける必要があります。

強いタグで始まるすべての段落を選択する方法を考えています。これを解決するためにJavaScriptを使用したくありません。強いテキストの位置ではなく、段落のテキストインデントを変更したい。

ここでjsFiddleを作成しました。私はこのようなことを試しました：

p>strong {
    color:#f0f;
    text-indent: 0 !important;
}
4

4 に答える 4

0

タグに負のマージンを追加できstrongますが、特定のクラスが必要になると思います。

strong.subhead {
    margin-left: -3em;
}

実例：http：//jsfiddle.net/J5C86/2/

ただし、これは、強力なタグに関連付けられた段落をインデントしたくないことも前提としています。小見出しの下の段落もインデントする場合は、。の後の最初の単語または文字に別のタグが必要ですbr。

span.subhead-indent {
    margin-left: 3em;
}

例： http： //jsfiddle.net/J5C86/4/

于 2013-03-17T13:25:43.810 に答える
0

あなたの質問に対する私のコメントを拡張するには：

使用できない理由がある場合<h4>(ここではこちらの方が適切なタグです)、単純に<strong>要素に負のマージンを追加できます:

p > strong:first-child {
    margin-left:-3em;
}

JSFiddle の例。

それ以外の場合は、<h4>代わりに次を使用します。

<h4>Strong sub header</h4>
<p>Aliquam semper placerat urna...</p>

h3+p, h4+p {
    text-indent:0;
    margin-top: 0;
    padding-top: 0;
}

h3+p {
    color:#00f;
}

を使用した JSFiddle の例<h4>。

于 2013-03-17T13:29:31.077 に答える
0

デモ 私はあなたの問題を見て、あなたの段落がh3タグ内に含まれていないことを発見したので、例えば.

<p class="no-indent"><strong>Strong Sub Header</strong></p>

あなたのcssを定義してください。これはうまくいくはずです。

于 2013-03-17T13:44:21.340 に答える
0

わたしにはできる。これを使って：

p>strong {
  text-indent: 0 !important;
  color: #f0f;
  display: block;
}

これを行った後、p>strong の最後の br タグを削除します。

于 2013-03-17T13:37:56.890 に答える