javascript - Jquery点点省略号间距问题

Question

我遇到了一个问题，如果没有省略号，则省略号文本与其后面的文本之间没有空格。我在 stackoverflow 和谷歌搜索上都找不到这个答案。

我目前正在使用 jquery dotdotdot 插件在我的段落中的某些字符之后放置一个省略号。我的代码结构如下所示：

<div class="ellipsis">
   <p> this is some text. this is some text. this is some text. </p>
   <asp:Literal id="litLearn" runat="server" Text="Read More" />
</div>

输出如下所示：这是一些文本。这是一些... 阅读更多。

这里的问题是，如果我的文本不够长，那么就没有省略号，并且我的文本之间没有间距

标记和阅读更多文本，因此输出如下所示：这是一些文本阅读更多。

我可以在阅读更多文本中的代码本身中放置一个空格，但问题是我必须在网站的大量页面上这样做，所以我想看看是否有 css 或 jquery 方式来做。

任何帮助将不胜感激。

Answer 1

white-space: pre-line;

p将此作为 CSS 属性添加到您的元素中。

Answer 2

如果你使用：

<p> this is some text. this is some text. this is some text.&nbsp;</p>

和：

$(".ellipsis").dotdotdot({
   lastCharacter: {
      //just remove the empty space in the array so that it wont get removed
      remove: [ ',', ';', '.', '!', '?' ]
   }
});