css - reka letak flex, paparan:flex, dan paparan:-webkit-box perbezaan

Question

https://jsfiddle.net/channg/j...

1. Mengapa lebar paparan:flex menggunakan kotak berubah?

2. Selepas menukar flex:-webkit-box, adakah kotak seterusnya akan ditolak?

Answer 1

stackoverflow docker 1

stackoverflow docker 2

paparan: kotak; 2009 versi flex
paparan: flexbox; 2011 versi flex
paparan: flex; Versi semasa Versi display: box; 2009版本的flex
display: flexbox; 2011版本的flex
display: flex; 现在的版本

由于版本的问题，你不能简单的只改变
display: flex为display: -webkit-box

还需要将flex-grow: 1改为-webkit-box-flex: 1

Disebabkan isu versi, anda tidak boleh menukar
display: flex kepada display: -webkit-box🎜 🎜Anda juga perlu menukar flex-grow: 1 kepada -webkit-box-flex: 1🎜