文本过长时，如何实现中间省略号显示？

文章预览

大厂技术    高级前端    Node进阶 点击上方  程序员成长指北 ，关注公众号 回复 1 ，加入高级Node交流群 在前端项目中，文本过长时，对文本进行省略号显示是一个非常常见的需求。但是这种问题的处理并不简单，特别是在 DOM 宽度不确定的情况下。 昨天，看了这篇文章（https://juejin.cn/post/7329967013923962895）很好的讲解了这类问题的处理方式，可以学习下！ 原文 前一阵做需求时，有个小功能实现起来废了点脑细胞，觉得可以记录一下。 产品的具体诉求是： 用户点击按钮进入详情页面，详情页内的卡片标题内容过长时，标题的前后两端正常展示，中间用省略号...表示，并且鼠标悬浮后，展示全部内容。 关于鼠标悬浮展示全部内容的代码就不放在这里了，本文主要写关于实现中间省略号...的代码。 实现思路 获取标题盒子的真实宽度, 我这里用的是 ………………………………