ellipsis

在写页面的时候，我们知道想要文本超出宽度后用省略号省略，只需要加上一下的css就行了。 .ellipsis{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } 如果我们想要当文本被省略的时候，也就是当文本超出指定的宽度 ......

语法： text-overflow:clip | ellipsis 默认值为clip 不显示省略标记 clip:当前对象内文本溢出时不显示省略标记,而是将溢出部分裁剪。 ellipsis:当对象内文本一处时显示省略标记(...)。 一、常见的单行文本溢出显示省略写法： text-overflow: ......

当内容超过宽度时，禁止换行，使用省略号...代替溢出的内容，一般这样的需求都会经常遇到。 使用css的text-overflow: ellipsis属性，可设置省略号，需要注意的是：1. 如果设置了display: flex，则换行无效。2. 一定要设置宽度 根据标签层级不同，设置省略号的css样式 ......