Jquery点点省略号间距问题答案

【问题标题】：Jquery dotdotdot ellipsis spacing issueJquery点点省略号间距问题
【发布时间】：2013-09-22 04:42:44
【问题描述】：

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

我目前正在使用 jquery dotdot 插件在段落中的某些字符后添加省略号。我的代码结构如下：

<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>

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

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

标签和 Read More 文本，因此输出如下所示：这是一些文本阅读更多内容。

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

任何帮助将不胜感激。

【问题讨论】：

标签： javascript jquery asp.net css ellipsis

【解决方案1】：

如果你使用：

<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: [ ',', ';', '.', '!', '?' ]
   }
});

【讨论】：

【解决方案2】：

white-space: pre-line;

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

【讨论】：

这不起作用。我将该样式添加到 p 标签中，但什么也没发生。