flex item if wrap will squeeze another flex item space which is fix width

Question

demo: https://jsfiddle.net/1nogrctj/

you can see '50' in the second line is not enough 50px because the next flex item is wrap!

if the next flex item is no warp, the '50' get the right width.

So how to avoid it?

Is this the right demo? I don't see any wrapping. – cam Jun 16 '21 at 06:32 — cam, Jun 16 '21 at 06:32
the right demo is https://jsfiddle.net/1nogrctj/1/ – QC CAI Jun 16 '21 at 07:00 — QC CAI, Jun 16 '21 at 07:00

score 1 · Answer 1 · answered Jun 16 '21 at 07:01

1

I find the correct answer, as the fix width item need an attribute: 'flex-shrink: 0'.

answered Jun 16 '21 at 07:01

QC CAI

1 Answers1