补发————grid布局

Posted zuiqiangwnagzong

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了补发————grid布局相关的知识,希望对你有一定的参考价值。

CSS Grid布局是CSS中最强大的布局系统。与flexbox的一位布局不同的是CSS Grid布局是一个二维布局系统,即它可以同时处理列和行。通过将CSS规则应用于父元素和其子元素,就可以轻松使用Grid布局。

CSS一直以来布局网页就存在很多问题,如表格table,浮动float,定位position和内嵌inline-block,但这些都只是hack而已,并遗漏了很多重要功能(例如垂直居中),Flexbox的出现很大程度上改变了我们的布局,但只是一维布局而已,Grid布局是第一个解决二维布局的CSS模块。

实例

技术分享图片

以上是关于补发————grid布局的主要内容,如果未能解决你的问题,请参考以下文章

(超详细)强大的grid布局

grid布局

前端,能说说你对grid布局的理解吗?

grid布局

css grid 格子布局

关于基本布局之——Grid布局