小程序使用scroll-view橫向滑動時,flex布局失效問題


最近在完善以前項目,類目增多,需要進行橫向滑動

實現方法1

  可以在外盒子scroll-view使用white-space: nowrap來禁止子盒子換行,子盒子使用display: inline-block形成行內塊級元素

實現方法2

  使用flex布局的display: flex來進行左浮動,但不要放在外盒子scroll-view的類上面,會失效,所以在里面再建一層盒子

  這里有個問題,當為列表的每個盒子設置寬度的時候,效果也會失效

  

 

 

   所以得轉換一下,將width轉換成max-wdith和min-width

    

 

   這樣就可以了,里面的文字再怎么溢出,都不會超出這個范圍

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM