跳到内容

布局

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

CSS 网格布局 (Grid)

自定义数据
印象模糊
有听说过
用过
2019
2020
2021

子网格布局

自定义数据
印象模糊
有听说过
用过
2020
2021

弹性盒模型 (Flexbox)

自定义数据
印象模糊
有听说过
用过
2019
2020
2021

CSS 多列布局(Multi-Column)

自定义数据
印象模糊
有听说过
用过
2019
2020
2021

CSS 书写模式 (Writing Modes)

自定义数据
印象模糊
有听说过
用过
2019
2020
2021
We asked members of the CSS community to share their “pick of the year”

My 2021 Pick: The CSS Paint API

The Paint API allows us to create images programmatically, to use in our CSS. It unlocks a whole world of creativity, and I am very excited about it!

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

George Francis

Developer, writer, and generative artist.

position: sticky

自定义数据
印象模糊
有听说过
用过
2020
2021

逻辑属性(Logical Properties)

自定义数据
印象模糊
有听说过
用过
2020
2021

aspect-ratio

自定义数据
印象模糊
有听说过
用过
2020
2021
💡

通过每个图表上方的导出按钮, 可以获取图表的原始 JSON 数据, 或者是可以在我们的公共API中运行的 GraphQL 查询。

content-visibility

自定义数据
印象模糊
有听说过
用过
2020
2021

flexbox的间隙属性

自定义数据
印象模糊
有听说过
用过
2021

截断规则

自定义数据
印象模糊
有听说过
用过
2021

容器查询

自定义数据
印象模糊
有听说过
用过
2021
CSS Grid & Flexbox for Responsive Layouts, v2

CSS Grid & Flexbox for Responsive Layouts, v2

Learn the essential CSS layout techniques for building responsive, beautiful web applications. You'll get hands-on practice using CSS Grid for two-dimensional, grid-based layouts and Flexbox for styling one-directional flow.
感谢合作伙伴对我们的支持! 了解更多。