特别注意:-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'...