先說一下需求:
每一行商品數量超過三個的時候需要左右滑動,在小程序中明顯需要使用的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屬性爲行內元素排列。