CSS - 플렉스 레이아웃, 디스플레이:플렉스 및 디스플레이:-웹킷-박스 차이점

Question

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

1. box를 사용하여 display:flex의 너비가 변경되는 이유는 무엇인가요?

2. flex:-webkit-box를 변경하면 후속 상자가 밀려나나요?

Answer 1

스택오버플로우 도커 1

스택오버플로우 도커 2

display: box; 2009版本的flex
display: flexbox; 2011版本的flex
display: flex; 현재 버전

버전 문제로 인해 단순 변경은 불가능합니다
display: flex为display: -webkit-box

또한 추가해야 합니다 flex-grow: 1改为-webkit-box-flex: 1