收藏
回答

小程序自定义组件中,css超出两行后显示...样式显示无效?

在开发中需要隐藏长文本显示固定的行数,多出去的显示...

这个本来是个很简单的需求,用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-clamp2;
  -webkit-box-orient: vertical; 
}


表现出来的结果如下




回答关注问题邀请回答
收藏

2 个回答

登录 后发表内容
问题标签