Only the flex syntax specification has been updated in several versions:
The former display:box is the 2009 syntax version. You need to add the browser prefix when using it, but it is now outdated.
The latter display:flex is the latest revised grammar version in 2012, which has better browser support and will become the standard grammar in the future.
In 2011, a strange syntax version display:flexbox was also proposed. It was unofficial and was mainly used by IE browser at that time.
display:boxBrowser support:
IE
Firefox
Chrome
Safari
Opera
不支持
2.0-40.0 (-moz-)
4.0-45.0 (-webkit-)
6.0-8.0 (-webkit-)
15.0-29.0 (-webkit-)
display:flexBrowser support:
IE
Firefox
Chrome
Safari
Opera
11.0+
22.0+
21.0+(-webkit-) 29.0+
6.1+(-webkit-) 9.0+
15.0+(-webkit-) 17.0+
The more complete compatibility code is as follows:
Only the flex syntax specification has been updated in several versions:
The former
display:box
is the 2009 syntax version. You need to add the browser prefix when using it, but it is now outdated.The latter
display:flex
is the latest revised grammar version in 2012, which has better browser support and will become the standard grammar in the future.In 2011, a strange syntax version
display:flexbox
was also proposed. It was unofficial and was mainly used by IE browser at that time.display:box
Browser support:(-moz-)
(-webkit-)
(-webkit-)
(-webkit-)
display:flex
Browser support:29.0+
9.0+
17.0+
The more complete compatibility code is as follows: