Encountered a problem on flex layout today, I did not see it on the computer, packed into the app found
-
The parent element div using flex layout, the child has a line of text is longer, ellipsis after it is set to not wrap hidden, displayed on the browser is no problem, no care, the result after packaged into app, discover content layout softened cause deformation, this is because the flex characteristics of the layout, the sub-content that is preferentially softened content not hidden text **
-
Solution: The width of the element is set to 0, then flex: style. 1, the width of the layout to determine how to flex, the expansion will not be the final sub-element content
Reproduced in: https: //juejin.im/post/5d036b3bf265da1ba328c1b3