爬white-space: nowrap换行的坑

今天在做scroll-view滑动时遇到了这个不换行的坑。
要实现的效果是这样子的。我的一条数据以一块状的型式展示的。我要做向左滑动删除的功能。（欢迎小伙们看到的点赞留言我第一时间回复。）

整体效果实现了。可是我的商品名称之前是设置过自动换行并且超出以省略号代替的。

可是用了这个white-space: nowrap。我的商品名称就不能换行了。我晕了。只好去百度一下。
百度说可以用强制换行的单词。

结果真的不好用啊。我都给它加到行内样式里面都不好用啊。
最后我仔细看文档 发现了一个解决的方法。如图所示。