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

Posted

tags:

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

grid布局是继flex布局之后最强大的布局方案,一定程度上集合了flex和table布局的优点。

grid将网页划分成网格,可以任意组合设置,并提供内置函数,变化出各种各样的布局。浏览器内置了各种复杂的布局方案,不需要像之前float,column,table那样繁琐,可以直接在CSS当中灵活设置。

grid可以看作是一种类似table的二维布局,有行和列,行列可以任意设置以适应实际布局需要。
grid默认为块级元素,设置为inline-grid则为行内元素。
参考技术A 楼上解释的很完美,实际应用的时候可以在自己网站中区域出现了比较多地方分区的时候,就是一小块一小块的宽度高度都比较相似的时候采用这样的布局的方式是很好的,但是不建议嵌套的层数太多 可能造成后期维护不是很便利

[ECMAScript] 说说你对class的理解

[ECMAScript] 说说你对class的理解

语法糖,本质上还是function 

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论



主目录

与歌谣一起通关前端面试题

以上是关于前端,能说说你对grid布局的理解吗?的主要内容,如果未能解决你的问题,请参考以下文章

前端经典面试题 | 吊打面试官系列 之 说说你对TypeScript 和 JavaScript的理解

[ECMAScript] 说说你对class的理解

你知道vue中key的作用和工作原理吗?说说你对它的理解。

[react] 说说你对声明式编程的理解?

[react] 说说你对声明式编程的理解?

前端技能树,面试复习第 25 天—— Redux 了解多少,能说说对它的理解吗