我对某些内容有一个很长的描述,已经要求我的HTML神奇地检测文本已经包装三次,切断文本,并添加一个“更多...”链接附加到第三个文字的一行。
这甚至可能吗?如果是这样,我该怎么做?打开Javascript,JQuery,ASP,CSS,SQL和基本的HTML建议。
答案 0 :(得分:1)
除非您使用单倍间距字体,否则它不会太容易,因为不同的字母宽度不同。如果你对字符数很好,你可以计算一个JS方法,只填充你找到的长度的子字符串,并建立一个链接/省略号来表示还有更多。
您可以用来实现目标的方法是使用高度恰好为3行文本的div标签(您将有一些试用/错误)并指定所需的宽度。 HTML将在此宽度内自动换行。然后,您需要为div标签赋予overflow:hidden的style属性。
执行此操作将隐藏3行后的剩余文本。
然后你可以左/右证明"更多......"链接如下...我会在JS中以编程方式执行此操作,因此您不会有更多..."在描述等于或小于3行之后链接。
如果有帮助请评价