vue项目中超出部分省略号显示不生效问题

今天要被分配解决之前项目中的一个问题，说来简单，很简单，特别简单，，，文字两行显示，超出部分省略号即可，简单的css代码

.text {
    
    
    width: 200px;
    word-break: break-all;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* 这里是超出几行省略 */
    overflow: hidden;
}

but,就是不起作用，没有效果，捉急。。。
一番搜查。。。。
在浏览器中检查发现 -webkit-box-orient: vertical; 并没有生效，各种bd后找到解决方法，
在 package.json 中修改（没有就添加） browserslist

"browserslist": [
	  "> 1%",
	  "last 2 versions",
	  "last 10 Chrome versions",
	  "last 5 Firefox versions",
	  "Safari >= 6",
	  "ie > 8"
]

browserslist：说明这个项目的浏览器兼容情况。例如，last 2 verions ：表示兼容每个浏览器的最后两个版本。也能根据提供的目标浏览器的环境来，智能添加css前缀，js的polyfill垫片,来兼容旧版本浏览器，而不是一股脑的添加。避免不必要的兼容代码，以提高代码的编译质量