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

这个对我有用。用这个：

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

完成此操作后，删除 p>strong 末尾的 br 标签。

于 2013-03-17T13:37:56.890 回答
0

演示 我看到了你的问题，发现你没有在h3标签中包含你的段落，所以用你的强段落定义你的css，例如。

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

定义你的CSS这必须工作。

于 2013-03-17T13:44:21.340 回答