當指定view為flex布局后,給子元素定義width是不起效果的。
原因:定義為flex布局元素的子元素,自動獲得了flex-shrink的屬性,這個屬性是什么意思呢?就是告訴子元素當父元素寬度不夠用時,
自己調整自己所占的寬度比,這個flex-shrink設置為1時,表示所有子元素大家同時縮小來適應總寬度。當flex-shrink設置為0時,表示大家都不縮小適應。
所以,倘若給父元素設置了flex布局后,若要其子元素的width有效果,必須給子元素設置flex-shrink為0。
當然,還有一種辦法,就是給需要設置width元素的外面再嵌套一層view。這樣一來,設置width的元素就變成了子子元素,自然,也就不用受這種規矩的約束了。