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

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

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

菜鸟也能高飞

67362116

发布于
2019-06-05

图片描述

css

阅读 9.7k

4 个回答

得票最新

XboxYan

18.1k73789

发布于
2021-07-18

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

查看全部 4 个回答

推荐问题

如何自定义设置虚线边框的样式？
背景： {代码...} 如上图所示：虽然可以设置虚线边框，但是虚线边框的样式往往需要修改：比如:单个实线间的间距自定义调整;单个实线的长度自定义调整。
5 回答1.3k 阅读✓ 已解决
只用一个div，宽高固定，文本内容不固定，能不能实现水平、垂直居中，超出两行显示省略号？
只用一个div，宽高固定（width: 100px; height: 50px;），文本内容不固定，如何实现水平、垂直居中，超出两行显示省略号？
3 回答1.4k 阅读✓ 已解决
为什么这个动画一直在抖动?
demo为什么这个动画一直在抖动?
3 回答2.1k 阅读✓ 已解决
怎么把一个矩形div变成一个直角三角形？
下面的是一个正常的div，怎么变成浅角部分，就是把一个矩形的div变成下面是直角的直角三角形。
4 回答2k 阅读
如何实现前端视频流的处理和优化？
处理视频流，比如在 WebRTC 项目中如何处理视频的分辨率变化、帧率控制等问题？
2 回答1.4k 阅读✓ 已解决
通栏banner图片，如何不变形且内容完全显示不裁剪啊？
要求图片等比例完整显示不裁剪不留白，图片比例固定是16/3使用object-fit: contain; 图片两边有空白使用object-fit: cover; 图片显示不全，被裁剪了原图
3 回答1.3k 阅读✓ 已解决
有哪个开源的js时间插件支持，年，季度，月，周，日范围选择？
有哪个开源的js时间插件支持，年，季度，月，周，日范围选择？年：季度：月：周：日：
2 回答1.9k 阅读✓ 已解决

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

如何自定义设置虚线边框的样式？

只用一个div，宽高固定，文本内容不固定，能不能实现水平、垂直居中，超出两行显示省略号？

为什么这个动画一直在抖动?

怎么把一个矩形div变成一个直角三角形？

如何实现 前端视频流的处理 和优化？

通栏banner图片，如何不变形且内容完全显示不裁剪啊？

有哪个开源的js时间插件支持，年，季度，月，周，日范围选择？

如何实现前端视频流的处理和优化？