如何在两段后显示内容的相关帖子右侧？

Question

我堆叠了一个问题。我的客户需要相关文章一两段后的内容右侧。我附上了我需要的布局。我有相关的帖子代码我只想知道如何显示如在附件中显示。 Attachment

Answer 1

我不太确定你想要我们做什么。但是，如果你只想在HTML / CSS中选择两个框，一个用于获取左侧的文本，另一个用于获取右侧的信息。您可以只生成两个divs float:left;（css）。你得到了你想要达到的目标。

HTML：

<div class="clearFix">
      <div class="left"></div>
      <div class="right"></div>
</div>

CSS：

.left { float:left; }
.right { float:left; }

确保在浮动div时使用“clearFix”。我在上面的例子中用一个带有“clearFix”类的div做了这个。这是这个div所需的CSS：

.clearFix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

浮动div的JSFiddle：https://jsfiddle.net/u27bfyu4/ 在这个例子中，我添加了背景颜色等，以便立即显示浮动div的结果。

如果您想要左侧的文字，请将其添加到class="left" div中。在class="right" div中，您可以添加代码以获取信息。

您可以在<div class="clearFix"></div>之前和之后添加示例中的其他段落。

你在寻找什么？

编辑：如下所述，您需要有关how to insert a string of text after x paragraphs of an html fragement的信息。单击链接以获取更多信息，因为已在Stack Overflow上解释。