mui div 超出省略显示不生效

<div class="mui-ellipsis-2"  style="word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;">  data.rows[i].content   </div>;

电脑上效果，完美，如下图：

移动端不生效。求助，挺急的。