码迷,mamicode.com
首页 > 其他好文 > 详细

flex布局之flex-shrink

时间:2020-02-07 15:15:04      阅读:74      评论:0      收藏:0      [点我收藏+]

标签:宽度   指定   必须   width   效果   是什么   自动   属性   需要   

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

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

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

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

flex布局之flex-shrink

标签:宽度   指定   必须   width   效果   是什么   自动   属性   需要   

原文地址:https://www.cnblogs.com/cblx/p/12272729.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!