react或者css实现多行文本超出加省略号（多行省略）

特别注意：-webkit-box-orient 属性会因为autoprefixer的存在而被过滤掉，因此无法在开发者工具F12里查找到该属性，也就导致无法出现多行的末尾省略号效果

-webkit-box-orient: vertical;

如何解决：

/* autoprefixer: off */
-webkit-box-orient: vertical;

CSS的写法： 

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

正常的写法是这样, 但是对于react不适用,

React的jsx写法应该是这样子的:

overflow : 'hidden',
textOverflow: 'ellipsis',
display: '-webkit-box',
webkitLineClamp: '2',
webkitBoxOrient: 'vertical',

请务必注意: 大家从网上看到的这个属性是这样子写的...

webkitLineClamp: 2

但是!!!他的值其实是字符串'2'...