版面安排

如何把螢幕上的元素定位?

Grid
完成百分比: 94.9% (10906)
完成百分比: 94.9% (10906)

輸出
百分比%
數量Σ

2019

2020

已經有用過
知道是什麼
從未聽過

Subgrid
完成百分比: 94.5% (10859)
完成百分比: 94.5% (10859)

輸出
百分比%
數量Σ

2020

已經有用過
知道是什麼
從未聽過

Flexbox
完成百分比: 94.6% (10871)
完成百分比: 94.6% (10871)

輸出
百分比%
數量Σ

2019

2020

已經有用過
知道是什麼
從未聽過

Multi-Column Layout
完成百分比: 94.3% (10837)
完成百分比: 94.3% (10837)

輸出
百分比%
數量Σ

2019

2020

已經有用過
知道是什麼
從未聽過

Writing Modes
完成百分比: 94.5% (10855)
完成百分比: 94.5% (10855)

輸出
百分比%
數量Σ

2019

2020

已經有用過
知道是什麼
從未聽過
我們詢問 CSS 社群成員,分享「年度精選」

我的 2020 精選: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!

我們詢問 CSS 社群成員,分享「年度精選」

Ahmad Shadeed

debuggingcss.com 的作者

Exclusions
完成百分比: 94.2% (10830)
完成百分比: 94.2% (10830)

輸出
百分比%
數量Σ

2019

2020

已經有用過
知道是什麼
從未聽過

CSS position:sticky
完成百分比: 94.4% (10853)
完成百分比: 94.4% (10853)

輸出
百分比%
數量Σ

2020

已經有用過
知道是什麼
從未聽過

CSS Logical Properties
完成百分比: 94.3% (10837)
完成百分比: 94.3% (10837)

輸出
百分比%
數量Σ

2020

已經有用過
知道是什麼
從未聽過

CSS property: aspect-ratio
完成百分比: 94.5% (10855)
完成百分比: 94.5% (10855)

輸出
百分比%
數量Σ

2020

已經有用過
知道是什麼
從未聽過

CSS content-visibility
完成百分比: 94.5% (10865)
完成百分比: 94.5% (10865)

輸出
百分比%
數量Σ

2020

已經有用過
知道是什麼
從未聽過

推薦資源

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.
感謝贊助我們的伙伴! 深入瞭解。