flex佈局的問題

今天遇到個關於flex佈局的問題,在電腦上沒看出來,打包到app上發現的

• 父元素div使用flex佈局,子元素有一行文字比較長，將其設置爲不換行隱藏後顯示省略號,在瀏覽器上顯示的是沒問題的,也就沒在乎,結果打包成app以後,發現內容撐開了致使佈局變形,這種狀況是由於 flex 佈局特性,子內容優先被內容撐開使得文字不隱藏**

• 解決：將該元素的寬度設置爲 0 ,而後使用 flex：1 樣式,將寬度交給flex佈局來決定,最終子元素不會被內容撐開