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

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

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

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

總結

以上是生活随笔為你收集整理的flex布局之flex-shrink的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。