添加display:flex后无效。 提示: 解决办法: 给scroll-view 标签添加 enable-flex属性即可。
提问者认为该回答有用 <scroll-view class="scroll-view_H" scroll-x="true" enable-flex="true">设置enable-flex="true"就可以了 或者父级设置white-space:nowrap;子级设置display:inline-block; 有用1 回复2 So ist es immer 2021-06-28 解决了,在project.config.json文件里发现小程序的组件版本竟然是最...
可以在外盒子scroll-view使用white-space: nowrap来禁止子盒子换行,子盒子使用display: inline-block形成行内块级元素 实现方法2 使用flex布局的display: flex来进行左浮动,但不要放在外盒子scroll-view的类上面,会失效,所以在里面再建一层盒子 这里有个问题,当为列表的每个盒子设置宽度的时候,效果也会失效 所以得转...
设置justify-content: space-between;后没有两边对齐 而是靠在一起的 <scroll-view scroll-y="true" class="sc"> <view class="item" style="width: 310rpx;min-height: 200rpx;" wx:for="{{goodsList}}"> <image style="width: 310rpx;height:200rpx;" src="{{item.logo}}"></image> </scroll...
均失效,scroll-view的子元素不会排列一行; 使用网上查阅到的方法在scroll-view上设置white-space: nowrap不换行,子元素display:inline-block;因需求是自右向左排列,即便目前实现了横向滚动,使用 flex-direction:row; flex-wrap:nowrp; 仍然失效的,请问如何避免使用scroll-view横向滚动,子元素自右向左排列使用flex布局...
scroll-view{display:block;overflow:scroll;white-space:nowrap;}scroll-view item{display:inline-block;} scroll-left无效,没有找到解决办法,只是说不能全flex,可我并没有用 所以我用了scroll-into-view,它依然无效,网上的解决方法: “不能全flex,要在组件渲染完成后,动态的改变(setData)这个scroll-into-view的...
1、给 scroll-view 加width: 100%;white-space: nowrap;子元素必须设置display: inline-block2、使用 flex 布局,观看第二点 2、flex布局问题 代码语言:javascript 复制 <scroll-view scroll-xclass="navScroll"enable-flex>...</scroll-view> 代码语言...
flex-wrap: nowrap; } .tab-item {display: flex; justify-content: center;width:25%; ... } AI代码助手复制代码 然后发现.tab-item并没有排在一行上。。说明scroll-view和.tab-item都设置display: flex无效?无奈之下,只好在它外边再包一层,然后样式设置display: inline-block。此时正确姿势如下: ...
display: flex; width: 100%; line-height: 88px; flex-wrap: nowrap; justify-content: space-between; overflow: hidden; , 同时 子元素 设置: flex: 1 0 auto, 造成每个子元素都会自动换行(即是造成 scroll-view 的flex-wrap: nowrap 无效)吗?微信...