单行

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

多行

overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;

多行不生效

overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 /*! autoprefixer: off */
 -webkit-box-orient: vertical;
 /* autoprefixer: on */
 -webkit-line-clamp: 3;

打包时，警告

Emitted value instead of an instance of Error) autoprefixer: \static\css\reset\index.css:99:3: Second Autoprefixer control comment was ignored. Autoprefixer applies control comment to whole block, not to next rules.

解决办法

/*! autoprefixer: ignore next */
-webkit-box-orient: vertical;