在react中多行文本省略号不生效

          // 多行省略号样式
　　　　　　.type {
            display: -webkit-box;
            overflow: hidden;
            word-break: break-all;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
             137px;
          }

在react项目中却发现不生效，是因为在编译后没有-webkit-box-orient: vertical;

解决方法就是使用行内样式：

<div style={{"WebkitBoxOrient": "vertical"}}>
    balabalabala
</div>