css怎样省略中间内容？类似以下图片

Question

Answer 1

单纯css无法实现

Answer 2

单纯css不知道有什么办法实现，用js的话 1. 先判断文件名长度是否超过最大长度 2.1 如果超过最大长度，取文件名前几个字符拼接...和后几个字符。2.2 如果没有超出最大长度，直接显示

Answer 3

可以这样
<span>很长很长的前面内容很长很长的前面内容很长很长的前面内容很长很长的前面内容</span><span>截取出的最后几个字</span>
然后把前面的给缩略掉就ok了

Answer 4

可以纯 CSS 解决的哦，参见 codepen ~
原理参考这篇文章 https://segmentfault.com/a/11...