是否可以准确包装大量文本三次,然后添加更多链接?

时间:2011-11-15 19:40:42

标签: textwrapping html-formatting

我对某些内容有一个很长的描述,已经要求我的HTML神奇地检测文本已经包装三次,切断​​文本,并添加一个“更多...”链接附加到第三个文字的一行。

这甚至可能吗?如果是这样,我该怎么做?打开Javascript,JQuery,ASP,CSS,SQL和基本的HTML建议。

1 个答案:

答案 0 :(得分:1)

除非您使用单倍间距字体,否则它不会太容易,因为不同的字母宽度不同。如果你对字符数很好,你可以计算一个JS方法,只填充你找到的长度的子字符串,并建立一个链接/省略号来表示还有更多。

您可以用来实现目标的方法是使用高度恰好为3行文本的div标签(您将有一些试用/错误)并指定所需的宽度。 HTML将在此宽度内自动换行。然后,您需要为div标签赋予overflow:hidden的style属性。

执行此操作将隐藏3行后的剩余文本。

然后你可以左/右证明"更多......"链接如下...我会在JS中以编程方式执行此操作,因此您不会有更多..."在描述等于或小于3行之后链接。

如果有帮助请评价