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

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

-webkit-box-orient: vertical;

如何解决：

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

CSS的写法： 

width: 200px; // 如果没有flex属性自适应宽度，则必须指定宽度
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
/* autoprefixer: off */
-webkit-box-orient: vertical;

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

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

width: 200, // 如果没有flex属性自适应宽度，则必须指定宽度
overflow : 'hidden',
textOverflow: 'ellipsis',
display: '-webkit-box',
webkitLineClamp: '2',
webkitBoxOrient: 'vertical',

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

webkitLineClamp: 2

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