以前还真没发现,最近由于有个项目需要用到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;
}