DEV Community
·
CSS Grid
💡
原文约200字/词，阅读约需1分钟。
📝
内容提要
CSS Grid是一种基于网格的技术，用于在网页上创建布局，无需使用float或position。它由网格容器和网格元素组成，网格容器具有grid-template-columns和grid-template-rows两个主要属性，用于定义容器内的列和行的数量和大小。通过grid-column和grid-row属性，可以指定元素占据的列和行。
🎯
关键要点
- CSS Grid是一种基于网格的布局技术，帮助在网页上创建布局，无需使用float或position。
- CSS Grid由两个主要元素组成：网格容器和网格元素。
- 网格容器的display属性可以设置为grid或inline-grid。
- 网格容器有两个主要属性：grid-template-columns和grid-template-rows，用于定义列和行的数量及大小。
- 通过grid-column和grid-row属性，可以指定网格元素占据的列和行。
➡️
