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;
}

写法都没问题，但是就是不生效,检查过后发现“-webkit-box-orient: vertical;”并没有在F12中显示出来

解决方法：

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

解释：

browserslist：说明这个项目的浏览器兼容情况。具体的配置项就去百度吧