使用截断文本插件时出现空格

Question

我尝试将 jtruncate 插件分别应用于同一页面上的 4 个文本区域。第一个文本区域对齐，其余部分右对齐。

已在 jtruncate 插件 博客上留下评论，但是还没有听到任何消息。

我的问题是...

A）合理的文本位，在第二次和后续显示中，文本没有正确地证明沿顶行留下大量空白，并由前两个单词分隔。

B) 在右对齐的文本位上，在第二次和后续显示时，顶行的第一个单词不会跳回到顶行，而是停留在文本底行的前面。在它应该在的位置，在顶行的开头（左上），留有一个空白。

很难解释所以......

我拼凑了一个简短的 jsfiddle 应该在所有三个方面表明我的意思。你能帮忙吗？

我对 jQuery 和一般编码非常陌生，通常我不理解编码术语或指令，所以请用简单的术语为我解释一下:)

Answer 1

我已经查看了更多内容，对于第一部分（语句文本），您可以对 CSS 进行以下更改

#statement .truncate_more
{
    text-align:justify;
    float: right;
}

来解决问题。

http://jsfiddle.net/QLgqe/

---

更新：

又看了一些。第一次之后的“更改”是因为您从没有设置显示的元素开始，将其设置为无，然后将其设置为阻止。如果您从块开始，您将看不到从一个显示到下一个显示的任何变化。有了这个，您应该能够调整其余的样式表以按照您希望的方式工作。

这是小提琴

http://jsfiddle.net/QLgqe/1/

Answer 2

我整理好了！这是由于动画开始了新的一行。应该仔细检查插件博客上的文字〜一个有益的教训。

我设法解决了这个问题，通过在我的 html 中添加一种副标题，它不是 H1 H2 等，而只是粗体文本。

然后我花了几个小时处理空的 P 标签、换行符和空格。空白：预换行；直到我得到我想要的。花了一段时间，但现在效果很好！

感谢所有帮助我的人，你们激励我不要放弃。