Css 在段落末尾添加阅读更多链接？

我需要更改阅读更多链接以显示在段落末尾

我需要它像绿色段落一样。今天它就像红色的段落

网站：-查看我使用的最后一篇文章阅读更多信息。

CSS:

.tumblr-text .rmlink { display: inline; }

HTML

{block:Text}
<!-- TEXT -->
<div class="tumblr-text">
{block:Title}<div class="title">{Title}</div>{/block:Title}
<div class="copy">{Body}
{block:More}<div class='rmlink'><a href="{Permalink}">Continue reading..</a></div>{/block:More}</div>
</div><!-- /.tumblr-text -->
{/block:Text}

<div class="copy{block:More} readmore{/block:More}">
    ...
</div>

{block:Text}
{block:Title}{Title}{/block:Title}
{Body}
{block:More}{/block:More}
{/block:Text}

如果有固定宽度的父容器，请将子元素设置为具有

display:inline

以使其像内嵌文本一样折叠

.copy * {
    display: inline;
}

当然，如果您有多个段落（您不希望出现），这将打破以前所有

的自然格式，因此要保留原始格式，只需在“阅读更多”中断之前设置最后一个元素（特别是

元素），使其具有

显示：内联
，
i、 e.如果您的Read More
是最后一个子元素，则为最后一个子元素

但实际上，从外观上看，tumblr喜欢在
{body}
文本的最后一个元素之后生成一组空的
标记，因此需要考虑偏移量

.copy > p:nth-last-of-type(-n+2) {
    display: inline;
}

这将选择立即递减
段落元素
p
，它是类型
：类型的第n个最后一个
（-n+2）
子元素。
为了澄清，在这个场景中，
-n+2
只是指选择最后一个元素，以及倒数第二个元素，因为您需要将tumblr生成的空
设置为
显示：inline
，以及实际的最后一段内容

然后，如果您想在
：：after
选择器和
content:
设置为unicode转义的省略号（u2026），可以使用省略号来提升美学效果


编辑：

.tumblr-text .rmlink { display: inline; }

忘了提及此代码将单独影响所有具有
的帖子，无论它们是否包含“阅读更多”中断，并且为了只针对那些特定的帖子，您需要修改CSS以仅应用于具有“阅读更多”链接的帖子。区分帖子的一种方法是为帖子指定一个类名（例如，
readmore
），该类名围绕着
{block:More}{/block:More}
块标记，这些标记仅在具有readmore链接的帖子上呈现

CSS

.copy.readmore > p:nth-last-of-type(-n+2) {
    display: inline;
}

HTML

{block:Text}
<!-- TEXT -->
<div class="tumblr-text">
{block:Title}<div class="title">{Title}</div>{/block:Title}
<div class="copy">{Body}
{block:More}<div class='rmlink'><a href="{Permalink}">Continue reading..</a></div>{/block:More}</div>
</div><!-- /.tumblr-text -->
{/block:Text}

<div class="copy{block:More} readmore{/block:More}">
    ...
</div>


...

此外，由于文章的permalink页面上没有呈现“阅读更多”中断，因此CSS不会应用于该页面，它只会应用于出现中断的索引页面（您博客的主页）



在我的例子中，我还必须禁用

标记才能使其正常工作，有点像这样：

.copy br {
  display: none;
}

似乎这个问题已经解决了：我已经尝试了这个代码，它们影响了其他段落。似乎不可能只影响“阅读更多”链接。有没有一种方法可以连接登录信息，这样你就可以进入我在tumblr的代码？啊，我现在明白你的意思了。如果您只想将此应用于具有读取更多块的帖子，请通过使用
{block:More}{/block:More}
将类包含在具有读取更多链接的文本帖子中，为这些帖子指定一个类，然后将该类作为CSS的目标。更新答案，见上文。仍然不适用于我？我将您的代码添加到上面的代码中，但不起作用。