使用截断文本插件时的空白

Question

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

我在jtruncate插件的博客上留言了，但是什么也没听到。

我的问题是…

A)在第二行和随后的文本中显示，文本没有适当地证明在顶部留下大量空白，并以前两个单词结尾

B)在右对齐的文本位上，在第二个和随后的显示中，顶部行的第一个单词不会跳转到顶部行，留在文本的底部行前面。在它应该出现的地方，在最上面一行的开始，(左上角)，有一个空白。

很难解释，所以…

…我拼凑了一个简短的例子，应该能说明我在这三个方面的意思。你能帮忙吗?

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

Answer 1

对于第一部分(语句文本)，您可以对CSS

进行以下更改

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

这就解决了问题。

http://jsfiddle.net/QLgqe/

---

更新:

再看一看。第一次之后的"更改"是因为您从一个没有显示集的元素开始，将其设置为none，然后将其设置为block。如果以块形式开始，您将看到从一个显示到下一个显示没有变化。有了这个，你应该能够调整你的样式表的其余部分，使其按照你想要的方式工作。

小提琴来了

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

Answer 2

我排序了!这是由于动画开始了一个新的行。应该仔细检查插件博客上的文字~一个有益的教训。

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

然后我花了几个小时处理空p标签，换行符&空白:pre-wrap;直到我得到我想要的它花了一段时间，但它现在工作得很好!

谢谢大家的帮助，你们激励我不要放弃。