文本超出,展示省略号

在前端,我们经常对文本的长度做限制,我们知道一般使用text-overflow: ellipsis
但是我们会发现,并没有生效!!
对此官网有相关说明,在使用text-overflow的时候,需要同时设置其他两个属性

文本超出,展示省略号_第1张图片

文本超出,展示省略号_第2张图片

这样就可以看到省略效果啦~

你可能感兴趣的