将相邻的内嵌块添加到任何内嵌内容

我的目标是提供文本块旁边的“Read More”链接。它会在内容发送到客户端之前自动添加，并且包含该内容的块应与先前的文本相邻，就如同其文本的一部分一样。问题在于文本块内容是使用TinyMCE创作的，因此内容将打包成各种标签（主要是段落标签），因此以下内容将被推送到下一行（或块）。将相邻的内嵌块添加到任何内嵌内容

因此，在解读textblock serverside的内容以决定在哪里以及如何附加其他块之前，我认为可能有一种方法可以使用纯CSS完成此操作。我有一种感觉是不可能的，因为我认为它会要求相邻的区块对前一个区块的重写属性进行排序，但是接下来可能会有一两个我错过了所有这些CSS /内联业务。

我创建了一个的jsfiddle here

感谢您对此事发表任何有建设性的意见！

来源

2012-06-15 SquareCat

看到这个小提琴：http://jsfiddle.net/D2RnS/5/

p + p, .adjacentBlock { float : left; }

我只是向左浮动第二段和adjacentBlock。这样做记得也适用某种浮动结算到

来源

2012-06-15 16:09:39 fcalderan

有趣！谢谢！我会尝试应用这个并让你知道。无论如何，我从来没有见过p + p定义（或任何这种类型的定义）。这是什么意思？ – SquareCat

这是相邻的兄弟选择器：在这种情况下，它匹配所有紧接着另一个“p”的“p” - 因此，在您的示例中，它将一直工作，直到您的标记没有改变（与另一个相邻的“p”） – fcalderan

您可以使用CSS中使用伪元素的父容器（该<div>在你的例子），通过添加ID到以前的标签：

#block:after { 
    content:"You will have this appended."; 
}

你可以在这里看到效果：http://jsfiddle.net/D2RnS/14/

来源

2012-06-15 16:34:53

将相邻的内嵌块添加到任何内嵌内容

回答

相关问题