Question

我有一个问题，这有点让我疯狂。我有一个文章容器，里面有几个段落。第一段包含一个下降帽。此第一个段落不使用text-indent，但每个跟随段落都会使用。

当我开始一个新的段落跟随一个h3标题时，我不想要任何文本缩进。好吧，我可以让它工作（例子中的蓝色文字）。

我的问题是，当我开始一个带有标题的新段落（强段后面有一个中断）时，这一行将使用段落的文本缩进，而我不想要它来。我必须在段落中有强烈的标签（应该是这样），而不是在外面。

我正在考虑选择以强标签开头的所有段落的方法。我不想要使用任何javascript来解决这个问题。 我想更改段落的文字缩进，而不是强文字的位置。

我在这里做了jsFiddle。我尝试过这样的事情：

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

Answer 1

您可以为strong标记添加一个负边距，但我假设您需要一个特定的类。

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

工作示例：http://jsfiddle.net/J5C86/2/

但是，这也假设您不希望缩进与强标记关联的段落。如果您要查找副标题下的段落也是缩进的，那么您需要在br之后的第一个单词或字母上添加另一个标记。

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

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

Answer 2

扩展我对您提问的评论：

如果您有理由不能使用<h4> - 这里的标签更合适 - 您只需在<strong>元素中添加一个负边距：

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

JSFiddle example

否则，请改用<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 example with <h4>

Answer 3

它对我有用。使用此：

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

执行此操作后，删除p＆gt; strong的最后一个br标记。

Answer 4

<强> Demo 我看到了您的问题，发现您没有在h3标记中包含您的段落，因此请使用您的强段落定义您的css，例如。

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

定义你必须工作的css。

当第一个子元素很强时删除text-indent

4 个答案: