是否有可能将大量文本包装三次,然后添加更多链接
Is it possible to wrap lots of text exactly three times, then add a more link?
我有一个很长的描述,它已经被要求我的HTML神奇地检测当文本被换行三次,切断文本,并添加一个"more…链接附加到文本第三行最后。
这可能吗?如果有,我该怎么做?
除非您使用的是等间距字体,否则这不会太容易,因为不同的字母有不同的宽度。如果你对字符计数满意,你可以计算一个JS方法,只填充你找到的长度的子字符串,并做一个链接/省略号来表示有更多。
你可以用一个方法来完成你的目标是使用div标签的高度正好是你的3行文本(你会有一些尝试/错误),并指定你想要的宽度。HTML会在这个宽度内自动换行。然后你需要给div标签一个overflow:hidden的样式属性。
此操作将隐藏3行后的剩余文本。
然后你可以左/右对齐"More…"下面的链接…我会在JS中通过编程来完成这样你就不会有"More…"描述后的链接等于或少于3行
相关文章:
- socket.io发射三次
- SVG实现的单调三次插值没有像d3这样的库
- readyState=4三次.Ajax-由警报引起
- Raphael悬停事件和调整大小框在第三次鼠标悬停后发生故障
- Javascript拉斐尔奇怪的闪烁发生在我鼠标悬停的第三次
- Ajax请求三次都不起作用,然后就起作用了
- 弹出循环:添加数据时停止重复/三次应用/X
- 如何让onclick第三次做一些不同的事情
- 在第三次onPageClick事件后,使用twbspagination插件和AJAX更新JS分页
- ajax表单在第二次提交时提交了两次,在第三次提交时又提交了三次,等等
- 使插值双三次函数在ie9中工作
- 为什么$scope成员被访问三次
- Flickity gallery - 如何循环浏览一次然后停止自动播放
- 了解三次插值的实现
- 火狐:三次点击的段落选择会产生我所期望的行为
- 当我在火狐扩展中使用页面模组添加内容脚本时.内容脚本函数执行三次
- 如何在三次单击html5 / javascript / css时将表格单元格颜色更改为默认值
- 解析求解三次方程的函数
- 在动态创建的元素上触发三次单击事件
- 是否有可能将大量文本包装三次,然后添加更多链接