在开发中需要隐藏长文本显示固定的行数，多出去的显示...
这个本来是个很简单的需求，用css就能实现
可是，我将样式添加进去后，发现这个样式在自定义组件中，怎么样都无法生效
可是在page中又可以生效，这就很不解了
下面贴代码
下面page和component中都是一样的
<view class="test">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Reiciendis harum minima ea praesentium debitis nostrum consect
etur fugiat eligendi qui, incidunt aperiam numquam perferendis.
Dolorum eaque reprehenderit, reiciendis saepe placeat quam.
</view>
.test{
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
white-space: normal !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
表现出来的结果如下
overflow: hidden ; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; line-clamp: 4; -webkit-box-orient: vertical; /*! autoprefixer: off */ 加着一行来解决你好，麻烦提供出现问题的具体机型、微信版本号、系统版本号，以及能复现问题的代码片段（https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html）
弄一个 [ 能复现问题的简单的 ] 代码片段
https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html