flex布局之flex-shrink
生活随笔
收集整理的這篇文章主要介紹了
flex布局之flex-shrink
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
當(dāng)指定view為flex布局后,給子元素定義width是不起效果的。
原因:定義為flex布局元素的子元素,自動(dòng)獲得了flex-shrink的屬性,這個(gè)屬性是什么意思呢?就是告訴子元素當(dāng)父元素寬度不夠用時(shí),自己調(diào)整自己所占的寬度比,這個(gè)flex-shrink設(shè)置為1時(shí),表示所有子元素大家同時(shí)縮小來適應(yīng)總寬度。當(dāng)flex-shrink設(shè)置為0時(shí),表示大家都不縮小適應(yīng)。
所以,倘若給父元素設(shè)置了flex布局后,若要其子元素的width有效果,必須給子元素設(shè)置flex-shrink為0。
當(dāng)然,還有一種辦法,就是給需要設(shè)置width元素的外面再嵌套一層view。這樣一來,設(shè)置width的元素就變成了子子元素,自然,也就不用受這種規(guī)矩的約束了。
總結(jié)
以上是生活随笔為你收集整理的flex布局之flex-shrink的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 全网最强 DeepSeek 插件上线!支
- 下一篇: Week09_day05(Java AP