CSS – Unterschiede zwischen Flex-Layout, Display:Flex und Display:-Webkit-Box

Question

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

1. Warum ändert sich die Breite von display:flex mithilfe der Box?

2. Werden nach dem Ändern von flex:-webkit-box die nachfolgenden Boxen verschoben?

Answer 1

stackoverflow搬运工1

stackoverflow搬运工2

display: box; 2009版本的flex
display: flexbox; 2011版本的flex
display: flex; 现在的版本

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

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