CSS：如何将元素放在最后一行文本旁边

Question

我有一个span，里面有文字，它有一个max-width 属性。 有时里面的文本比最大宽度大，所以跨度会断线。到这里没问题。

但是当文本中断时，它旁边的元素看起来也没有下降。这是一个例子

<span> some text with fine width</span> <div> the div</div> 这将输出如下内容： some text with fine width the div

但是当文本很长时，它看起来像这样：

<span> some text with more the max width</span> <div> the div</div>

some text with more the div the max width

我希望它看起来像这样：

some text with more the max width the div

我设法做到了：

some text with more the max width the div

但我希望该 div 紧挨着文本的最后一行。 这可以通过 css 实现吗？

Answer 1

在css中为该元素添加样式：

display: inline;

Answer 2

伪元素之后

如果我正确理解您的问题，这就是您要搜索的内容：

.stuff:after{
    content: "I am Groot.";
    display: inline-block;
    color: limegreen;
}

:after 被插入到结束标记之前。同样:before 就在开始标签之后

JSFiddle