是否有可能将大量文本包装三次,然后添加更多链接

Is it possible to wrap lots of text exactly three times, then add a more link?

本文关键字:三次 然后 添加 链接 有可能 文本 包装 是否      更新时间:2023-09-26

我有一个很长的描述,它已经被要求我的HTML神奇地检测当文本被换行三次,切断文本,并添加一个"more…链接附加到文本第三行最后。

这可能吗?如果有,我该怎么做?

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

你可以用一个方法来完成你的目标是使用div标签的高度正好是你的3行文本(你会有一些尝试/错误),并指定你想要的宽度。HTML会在这个宽度内自动换行。然后你需要给div标签一个overflow:hidden的样式属性。

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

然后你可以左/右对齐"More…"下面的链接…我会在JS中通过编程来完成这样你就不会有"More…"描述后的链接等于或少于3行