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

时间:2011-12-28 14:00:16

标签: jquery truncate

尝试将jtruncate插件单独应用于同一页面上的4个文本区域中的每一个。第一个文本区域对齐是合理的,其余是右对齐。

已在jtruncate plugin博客上发表评论但尚未听到任何消息。

我的问题是......

A)合理的文本位,在第二个和随后的显示中,文本没有正确地证明在顶行留下一个巨大的空白区域,由前两个单词预示。

B)在右对齐的文本位上,在第二个和后续的显示中,顶行的第一个单词不会跳回到顶行,停留在文本底行的前面。它应该在顶行的开头(左上角),还有一个空格。

很难解释......

...我拼凑了一个简短的jsfiddle ,这应该表明我在所有3个方面的意思。你能帮忙吗?

我对jQuery和编码非常陌生,通常我不会编写术语或指令,所以请用简单的术语为我解释:)

2 个答案:

答案 0 :(得分:1)

我已经看了一些,对于第一部分(语句文本),您可以对CSS进行以下更改

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

解决了这个问题。

http://jsfiddle.net/QLgqe/


更新

再看一下。第一次之后的“更改”是因为您从一个没有显示设置的元素开始,将其设置为none,然后将其设置为阻止。如果你在块中开始,你将看不到从一个显示到下一个显示的变化。有了这个,你应该能够调整你的样式表的其余部分,但是你想让它们工作。

这是小提琴

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

答案 1 :(得分:0)

我把它分类了!它由于动画开始新的一行。应该仔细检查插件博客上的文字〜一个有益的教训。

我设法解决了这个问题,在我的html中添加了一种副标题,这不是H1 H2等,只是粗体文字。

然后我花了几个小时来处理空P标签,换行符和白色空间:预包装;直到我得到了我想要的东西。花了一段时间,但现在工作正常!

感谢所有帮助人员,你激励我不要放弃。