微信小程序scroll-view设置display:flex后子view宽度设置无效解决

如果scroll-view设置了display:flex,子view设置宽度值无效,宽度值都是随着内容多少而改变:

效果和wxml:

微信小程序scroll-view设置display:flex后子view宽度设置无效解决_第1张图片

css:

微信小程序scroll-view设置display:flex后子view宽度设置无效解决_第2张图片

原因:flex布局元素的子元素,自动获得了flex-shrink的属性

解决办法:

   给子view增加:flex-shrink:0;

微信小程序scroll-view设置display:flex后子view宽度设置无效解决_第3张图片

你可能感兴趣的:(微信小程序,微信小程序,小程序)