在普通的前端項目中该贾，如果不考慮兼容問題，一般使用如下方法
.box {
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
但是在react項目中卻發(fā)現(xiàn)不生效捌臊，是因為在編譯后沒有-webkit-box-orient: vertical;
解決方法就是使用行內(nèi)樣式
<p style={{"WebkitBoxOrient": "vertical"}}>
balabalabala
</p>
或在less文件中-webkit-box-orient: vertical;上面加一行過濾
.box {
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
/* autoprefixer: ignore next */
-webkit-box-orient: vertical;
}
