在 uni-app或者小程序中,做横向滚动的时候有时候会遇到用white-space:nowrap样式后,字体会一行显示,改不了宽度,我之前一直用的overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
的方式,现在老板让我多行展示,我试了好多次,还是不行,经过研究发现了解决的办法,我想聪明的小伙伴们已经看出问题的出在哪里了!
不错这正式white-space:nowrap的坑也是css的本身具有的坑,css规则里规定了子层会继承父层样式属性,也就是这一个规定导致,我最后写出来的效果就是自有white-space:nowrap,这一样式的这一层开始,他的所有的子层都会继承了white-space:nowrap的特征,全部都被强制的在一行显示。
解决方案
white-space:pre-wrap;
没错,就是它,
把它加在white-space: nowrap;
的第一个子层里面就可以了,
如果解决了你的问题话,给作者点个赞,收藏一下吧!