CSS网格布局用于将页面分割成数个主要区域，或者用来定义组件内部元素间大小、位置和图层之间的关系。像表格一样，网格布局让我们能够按行或列来对齐元素。 但是，使用CSS网格可能还是比CSS表格更容易布局。 例如，网格容器的子元素可以自己定位，以便它们像CSS定位的元素一样，真正的有重叠和层次。
gird布局是一种基于二维的网格布局，与flex和普通的浮动布局相比，他最大的优势在于不取决dom节点的结构，而是直接把整个页面划分为多个格子，继而进行填充。
①二维布局，提供横、竖方向布局，与table相似
②可设置具体的行数、列数，且可设置每行、每列的大小，提供多种的弹性大小控制属性
③可定义每个格子间的间隔（横竖）
④可设置元素的对齐方式（基于元素所在单元格），批量控制，具体某个子元素控制
⑤可让元素填充到指定的格子（某行、某列，跨格子），此功能可以对元素进行任意的布局，而无需修改html结构
以下图片来源：http://grid.malven.co/
以下图片来源：http://grid.malven.co/
https://blog.csdn.net/weixin_/article/details/
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请联系我们，一经查实，本站将立刻删除。
如需转载请保留出处：https://51itzy.com/kjqy/198906.html