flex布局设置宽高不起作用的解决办法


解决办法

flex-shrink: 0;

当指定view为flex布局后,给子元素定义width是不起效果的。

原因:定义为flex布局元素的子元素,自动获得了flex-shrink的属性,这个属性是什么意思呢?就是告诉子元素当父元素宽度不够用时,自己调整自己所占的宽度比,这个flex-shrink设置为1时,表示所有子元素大家同时缩小来适应总宽度。当flex-shrink设置为0时,表示大家都不缩小适应。

所以,倘若给父元素设置了flex布局后,若要其子元素的width有效果,必须给子元素设置flex-shrink为0。

当然,还有一种办法,就是给需要设置width元素的外面再嵌套一层view。这样一来,设置width的元素就变成了子子元素,自然,也就不用受这种规矩的约束了。


文章作者: zxc
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 zxc !
 上一篇
关于微信小程序页面之间的通信 关于微信小程序页面之间的通信
关于微信小程序页面之间的通信最近在做微信小程序遇到了一个问题 在app.js中获取数据, 等数据获取成功之后再初始化首页,但是获取的数据需要连续调用两个接口,请求A -> 获取结果s1 请求B拿着s1去调用B接口获取s2,时间耗费太
下一篇 
关于微信小程序WXS文件使用new Date()的解决办法 关于微信小程序WXS文件使用new Date()的解决办法
关于微信小程序WXS文件使用new Date()的解决办法// 传入YYYY-MM-DD 通过Date.parse(obj)获取时间戳 var timestamp = Date.parse(obj) //通过getDate()获取date
  目录