先说一下需求:
每一行商品数量超过三个的时候需要左右滑动,在小程序中明显需要使用的scroll-view组件,我们在scroll-view中中循环生成多个view标签,因为view都是块元素,自然是每一个ciew占一行的排列方式。这时候就要让view横向排列一行:
1、在scroll-view上使用display:flex,flex-direction:row;没有预期效果
2、在view上设置float:left,overflow:hidden;没有预期效果
3、设置view的css为 display:inliner-block,达到效果
所以scroll-view的滑块上不能使用flex,也不能使用float来控制,只能改变滑块的dispaly属性为行内元素排列。