首先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:说明这个项目的浏览器兼容情况。具体的配置项就去百度吧