Question

我遇到的问题是，如果没有省略号，省略号文本和后面的文本之间就没有空格。我无法在stackoverflow或google搜索中找到答案。

我目前正在使用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>

，输出如下：这是一些文字。这是一些...阅读更多。

这里的问题是如果我的文本不够长，那么没有省略号，

标签和Read More文本中的文本之间没有间距，所以输出如下所示：这是一些textRead More。

我可以在“阅读更多”文本中为我的代码本身添加一个空格，但问题是我必须在网站的大量页面上执行此操作，因此我想查看是否有css或jquery方法。< / p>

任何帮助将不胜感激。

Answer 1

white-space: pre-line;

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

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

Jquery dotdotdot省略号间距问题

2 个答案: