布局

使用什么布局方式进行元素布局?

Grid
Completion percentage: 94.9% (10906)
Completion percentage: 94.9% (10906)

Export
Percents%
CountΣ

2019

54.7% 54.7% 43.5% 43.5%

2020

73.3% 73.3% 25.6% 25.6%
用过
有听说过
印象模糊

Subgrid
Completion percentage: 94.5% (10859)
Completion percentage: 94.5% (10859)

Export
Percents%
CountΣ

2020

43.3% 43.3% 50.6% 50.6%
用过
有听说过
印象模糊

Flexbox
Completion percentage: 94.6% (10871)
Completion percentage: 94.6% (10871)

Export
Percents%
CountΣ

2019

94.7% 94.7%

2020

97.5% 97.5%
用过
有听说过
印象模糊

Multi-Column Layout
Completion percentage: 94.3% (10837)
Completion percentage: 94.3% (10837)

Export
Percents%
CountΣ

2019

30.9% 30.9% 28.2% 28.2% 40.9% 40.9%

2020

33.4% 33.4% 23.1% 23.1% 43.5% 43.5%
用过
有听说过
印象模糊

Writing Modes
Completion percentage: 94.5% (10855)
Completion percentage: 94.5% (10855)

Export
Percents%
CountΣ

2019

7.4% 7.4% 19.5% 19.5% 73.2% 73.2%

2020

10.7% 10.7% 21.8% 21.8% 67.5% 67.5%
用过
有听说过
印象模糊
We asked members of the CSS community to share their “pick of the year”

My 2020 Pick: Container Queries

Container queries are a long-time awaited feature for us, and I’m thrilled that the Chrome team is working on support for it natively!

We asked members of the CSS community to share their “pick of the year”

Ahmad Shadeed

Author of debuggingcss.com

Exclusions
Completion percentage: 94.2% (10830)
Completion percentage: 94.2% (10830)

Export
Percents%
CountΣ

2019

14.3% 14.3% 78.6% 78.6%

2020

11.2% 11.2% 12.3% 12.3% 76.4% 76.4%
用过
有听说过
印象模糊

CSS position:sticky
Completion percentage: 94.4% (10853)
Completion percentage: 94.4% (10853)

Export
Percents%
CountΣ

2020

75.8% 75.8% 17.3% 17.3%
用过
有听说过
印象模糊

CSS Logical Properties
Completion percentage: 94.3% (10837)
Completion percentage: 94.3% (10837)

Export
Percents%
CountΣ

2020

11.6% 11.6% 31.9% 31.9% 56.5% 56.5%
用过
有听说过
印象模糊

CSS property: aspect-ratio
Completion percentage: 94.5% (10855)
Completion percentage: 94.5% (10855)

Export
Percents%
CountΣ

2020

22.4% 22.4% 48.3% 48.3% 29.4% 29.4%
用过
有听说过
印象模糊

CSS content-visibility
Completion percentage: 94.5% (10865)
Completion percentage: 94.5% (10865)

Export
Percents%
CountΣ

2020

23.3% 23.3% 35.9% 35.9% 40.7% 40.7%
用过
有听说过
印象模糊

Recommended Resources

CSS Grids and Flexbox for Responsive Web Design

Starting with a review of floats for context, but quickly moving into Flexbox and CSS grids, this essential course is for web developers that want to build responsive, beautiful web applications faster using less code and best practices.
Thanks to our partners for supporting us! Learn more.