栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

在特定行数后插入省略号

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

在特定行数后插入省略号

是的,您可以使用一些插件,但是编写自己的逻辑并不难。基本概念是不断减少文本的数量,直到适合为止。这听起来很昂贵,但实际上它可以正常工作,并且可以在必要时进行优化。

// Populate an element with text so as to fit into heightfunction truncate(elt, content, height) {  function getHeight(elt) { return elt.getBoundingClientRect().height; }  function shorten(str)   { return str.slice(0, -1); }  elt.style.height = "auto";  elt.textContent = content;  // Shorten the string until it fits vertically.  while (getHeight(elt) > height && content) {    elt.textContent = (content = shorten(content)) + '...';  }}

要使用此功能:

truncate(div, "Some very long text to be truncated", 200)

要使用HTML内容,请根据需要进行调整/扩展。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/465172.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号