Css 在与v-html相同的行上显示“阅读更多”

我有一个包含一些HTML的文本，然后我使用

v-HTML

来显示文本。由于文本相当长，我需要一个

阅读更多

，用户可以点击它。

Read more

必须与文本在同一行

代码如下所示：

阅读更多

由于我希望

Read more

准确地从HTML文本结束的位置开始，因此我通常会使用

display:inline

，但在这里它不起作用

---

有人遇到过这个问题吗？

默认情况下，

div

是

display:block

，它在自己的行上启动元素，将

Read more

推到下一行

您可以将

div

更改为

span

，默认情况下为

display:inline

。这假设HTML变量不包含像原始

div

那样将元素推到下一行的元素

如果HTML变量包含

display:block

元素（例如

div

或

p

），则可以对HTML容器应用一个类，强制其最后一个子元素（with）显示

内联

：

默认情况下，
div
是
display:block
，它在自己的行上启动元素，将
读取更多
推到下一行

您可以将
div
更改为
span
，默认情况下为
display:inline
。这假设HTML变量不包含像原始
div
那样将元素推到下一行的元素


如果HTML变量包含
display:block
元素（例如
div
或
p
），则可以对HTML容器应用一个类，强制其最后一个子元素（with）显示
内联
：


你搞定了！我印象深刻！谢谢你今晚19点！你搞定了！我印象深刻！谢谢你今晚19点！