以前还真没发现,最近由于有个项目需要用到scroll-view的时候 发现里面的商品名字有设置两行显示,但完全没效果。
我们在写scroll-view的时候 wxss 里面必须设置 white-space:nowrap 也就是这个导致的。

只需要在显示的文字中的 wxss的white-space:normal 恢复一下就行了。

这只是一个小问题啦。

一行文字显示不超出wxss/css

.word-ba{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-all;
}

两行显示文字不超出wxss/css

.word-ba2r{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    word-break: break-all;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
最后修改:2021 年 07 月 19 日 08 : 54 AM
如果觉得我的文章对你有用,请随意赞赏