Javascript Jquery点省略号间距问题
我遇到了一个问题,如果没有省略号,省略号文本和其后的文本之间就没有空格。我在stackoverflow和谷歌搜索上都找不到答案 我目前正在使用jquerydotdot插件在我的段落中的某些字符后添加省略号。 我的代码结构如下所示:Javascript Jquery点省略号间距问题,javascript,jquery,asp.net,css,ellipsis,Javascript,Jquery,Asp.net,Css,Ellipsis,我遇到了一个问题,如果没有省略号,省略号文本和其后的文本之间就没有空格。我在stackoverflow和谷歌搜索上都找不到答案 我目前正在使用jquerydotdot插件在我的段落中的某些字符后添加省略号。 我的代码结构如下所示: <div class="ellipsis"> <p> this is some text. this is some text. this is some text. </p> <asp:Literal id="l
<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的方法来做
任何帮助都将不胜感激
white-space: pre-line;
将其作为CSS属性添加到p
元素中。如果使用:
<p> this is some text. this is some text. this is some text. </p>
这不管用。我在p标签上添加了这种风格,但什么也没发生。
$(".ellipsis").dotdotdot({
lastCharacter: {
//just remove the empty space in the array so that it wont get removed
remove: [ ',', ';', '.', '!', '?' ]
}
});