在抖音小程序的scroll-view组件里面使用flex布局直接无效,不像微信小程序的scroll-view,直接给我们提供了一个enable-flex属性让我们可以启用flex布局
enable-flex:启用 flexbox 布局。开启后,当前节点声明了 display: flex 就会成为 flex container,并作用于其孩子节点。
那么在抖音小程序里面如何实现,看了一下文档(主要是文档里啥都没有,就一个ttml给你,这丫的,不知道代码块里面详细波,主要是懒就导入)发现没有想要的,于是去社区找了一下,还是社区管用直接。
https://forum.microapp.bytedance.com/mini-app/posts/5ef2c3bc41ff4d0231fb0da5
官方回复在:
scroll-view元素设置 white-wrap:nowrap;
scroll-view内元素设置display:inline-block;
记录一下white-wrap:nowrap (控制单词如何被拆分换行)
参考文档:https://www.cnblogs.com/chris-oil/p/11009068.html
word-wrap 属性原本属于微软的一个私有属性,在 CSS3 现在的文本规范草案中已经被重名为 overflow-wrap 。 word-wrap 现在被当作 overflow-wrap 的 “别名”。 稳定的谷歌 Chrome 和 Opera 浏览器版本支持这种新语法