flex-shrink:0


當指定view為flex布局后,給子元素定義width是不起效果的。

原因:定義為flex布局元素的子元素,自動獲得了flex-shrink的屬性,這個屬性是什么意思呢?就是告訴子元素當父元素寬度不夠用時,
自己調整自己所占的寬度比,這個flex-shrink設置為1時,表示所有子元素大家同時縮小來適應總寬度。當flex-shrink設置為0時,表示大家都不縮小適應。

所以,倘若給父元素設置了flex布局后,若要其子元素的width有效果,必須給子元素設置flex-shrink為0。

當然,還有一種辦法,就是給需要設置width元素的外面再嵌套一層view。這樣一來,設置width的元素就變成了子子元素,自然,也就不用受這種規矩的約束了。


免責聲明!

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



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