text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)
在WebKit浏览器或移动端，用-webkit-line-clamp用来限制在一个块元素显示的文本的行数
两者结合就能得到你要的效果。
响应式Web设计(Responsive Web design)的理念是页面的设计与开发应当根据设备环境（屏幕尺寸、屏幕定向、系统平台等）以及用户行为（改变窗口大小等）进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局
可以通过调整行距和字号大小来缩短省略号的间距。
因为省略号默认大多数软件的间距较宽，所以我们可以通过选择段落，调整行距和字号大小，将省略号的间距缩小，达到更加美观的排版效果。
另外，还可以通过在省略号前后加入空格、全角逗号等符号来实现间距的缩短，不过需根据具体情况进行判断和调整。
总之，在文字排版时，合理调整省略号的间距可以提升文章的美观程度和阅读体验。
1. 修改样式：在对应的CSS文件中，找到目录省略号对应的样式，将其margin或padding属性调整为较小的值。
3. 使用JavaScript：使用JavaScript获取目录省略号对应的元素，然后通过代码修改其样式，例如设置其margin或padding属性。