文章目录
[+]
什么是 Grid？
Grid 是一种二维布局模型，它将页面布局视为一个网格，元素可以被放置在网格的交点上。它供应以下功能：
定义行和列。
（图片来自网络侵删）
将元素分配到行和列中。
调度元素的尺寸和位置。
Grid 的基本属性
grid-template-rows：定义行的高度。
grid-template-columns：定义列的宽度。
grid-row：将元素分配到行。
grid-column：将元素分配到列。
利用 Grid 的优点
专业的布局。
相应式布局。
灵巧性高的布局。
提高代码可读性。
常见的 Grid 用场
多列布局。
相应式布局。
内容分块。
图像和文本的组合。
结论
Grid 是一种强大的布局模型，可以帮助您创建专业且相应式的布局。通过理解 Grid 的基本属性和用法，您可以轻松地排列元素以知足您的设计需求。
