前端,能说说你对grid布局的理解吗?
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端,能说说你对grid布局的理解吗?相关的知识,希望对你有一定的参考价值。
grid布局是继flex布局之后最强大的布局方案,一定程度上集合了flex和table布局的优点。grid将网页划分成网格,可以任意组合设置,并提供内置函数,变化出各种各样的布局。浏览器内置了各种复杂的布局方案,不需要像之前float,column,table那样繁琐,可以直接在CSS当中灵活设置。
grid可以看作是一种类似table的二维布局,有行和列,行列可以任意设置以适应实际布局需要。
grid默认为块级元素,设置为inline-grid则为行内元素。 参考技术A 楼上解释的很完美,实际应用的时候可以在自己网站中区域出现了比较多地方分区的时候,就是一小块一小块的宽度高度都比较相似的时候采用这样的布局的方式是很好的,但是不建议嵌套的层数太多 可能造成后期维护不是很便利
[ECMAScript] 说说你对class的理解
以上是关于前端,能说说你对grid布局的理解吗?的主要内容,如果未能解决你的问题,请参考以下文章