0

我的目标是在文本块旁边提供类似“阅读更多”链接的内容。它会在内容发送到客户端之前自动添加，并且包含它的块应该与先前的文本相邻，就像它是该文本的一部分一样。问题是文本块内容是使用 TinyMCE 编写的，因此内容将被打包在各种标签中（主要是段落标签） - 因此以下内容将被推送到下一行（或块）。

因此，在经历解构 textblock 服务器端内容以决定在何处以及如何附加另一个块的痛苦之前，我认为可能有一种方法可以使用纯 CSS 完成此操作。我有一种感觉这是不可能的，因为我认为它需要相邻的块来覆盖前一个块的属性，但是对于所有这些 CSS/内联业务，我可能会错过一两件事。

我在这里创建了一个 JSFiddle

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

4

2 回答 2

1

您可以在 css 中使用伪元素，方法是在之前的标签中添加一个 ID：

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

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

于 2012-06-15T16:34:53.783 回答
1

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

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

我刚刚离开了第二段和相邻块。这样做记得也要对父容器应用某种浮动清除（<div>在你的例子中）

于 2012-06-15T16:09:39.273 回答