使用taro框架开发，多行显示...不生效

某次使用taro开发多端页面，小程序和h5，有个地方需要多行显示...

代码如下：

.title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

在浏览器中生效了，但是在手机中有问题，安卓手机直接截取了，没有展示...，苹果手机偶尔展示...，偶尔不展示，令人头大

其实只要加上这一行代码，问题就解决了

.title {
    visibility: visible !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

这个问题形成的原因是因为taro在dom中默认加了类，这个类中有个样式visibility：hidden，后面再加了样式visibility：visable，这样会导致div一开始就隐藏的，浏览器并不会计算文字是否溢出了，直接就截取了，尽管后面又显示出来了