微信小程序给外面的view设置display:flex;后为什么无法给里面的view设置宽度

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

问题视图:

原因:

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

解决方法:

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

相关推荐
paopaokaka_luck12 分钟前
智能推荐社交分享小程序(websocket即时通讯、协同过滤算法、时间衰减因子模型、热度得分算法)
数据库·vue.js·spring boot·后端·websocket·小程序
贝格前端工场1 小时前
小程序订阅消息设计:用户触达与隐私保护的平衡法则
大数据·小程序
weixin_lynhgworld1 小时前
盲盒一番赏小程序:用科技重新定义“未知的快乐”
科技·小程序
Bruce_Json2 小时前
微信小程序ts+sassjlin-ui
微信小程序·小程序·sass
来碗盐焗星球4 小时前
记一次微信小程序AI开发的血泪史
前端·微信小程序
说私域5 小时前
淘宝直播与开源链动2+1模式AI智能名片S2B2C商城小程序的融合发展研究
人工智能·小程序·开源
说私域8 小时前
互联网生态下赢家群体的崛起与“开源AI智能名片链动2+1模式S2B2C商城小程序“的赋能效应
人工智能·小程序·开源
The_era_achievs_hero15 小时前
微信小程序71~80
微信小程序·小程序
dssxyz16 小时前
uniapp打包微信小程序主包过大问题_uniapp 微信小程序时主包太大和vendor.js过大
javascript·微信小程序·uni-app
!win !17 小时前
被老板怼后,我为uni-app项目引入环境标志
前端·小程序·uni-app