内容简介：

在业务中，有这么一种场景，表格下的某一列 ID 值，文本超长了，正常而言会是这样：

通常，这种情况都需要超长省略溢出打点，那么，就会变成这样：

但是，这种展示有个缺点，3 个 ID 看上去就完全一致了，因此，PM 希望能够实现头部省略打点，尾部完全展示，那么，最终希望的效果就会是这样的：

OK，很有意思的一个需求，最开始我以为只是实现一个头部超长溢出打点功能，但是随着实践，发现事情并没有那么简单，下面我们就一探究竟。
利用 direction 实现头部超长溢出打点
正常而言，我们的单行超长溢出打点，都是实现在尾部的，代码也非常简单，像是这样：
Make CSS Ellipsis Begi...

查看原文

👉 超长溢出头部省略打点，坑这么大，技巧这么多？