1.原因是要求显示两行，用三个点替换多余的文字，所以使用了这些非标准属性display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;后来发现代码写的不错，就是到了页面上没有任何反应。它是-webkit-box-orient:vertical;此属性丢失，使其无效。只是在Styles中添加了这个属性，所以断定是编译过程导致这个属性丢失。2.解决方案我在网上找到了一个可行的解决方案，关闭了autoprefixer。有一种写法：/*!autoprefixer:off*/-webkit-box-orient:vertical;/*autoprefixer:on*/这个确实解决了编译丢失的问题，但是编译过程中会报警告，最后在github上找到了最好的解决方案,如下/*autoprefixer:ignorenext*/-webkit-box-orient:vertical;问题完美解决，没有报warning了。
