写前端代码时,有时候一串很长的文字在一行中存不下,这时候我们希望让多余的文字以’…'的形式呈现,比如下面这个例子
这时候我们就要用到文字溢出的text-overflow
属性
具体代码如下:
div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
这里分享一个小技巧,如果这个属性有很多地方重复使用,这时候我们可以将它提取成一个单独的文件,比如
在需要的地方直接import该文件使用就行