这里面 这些header main empty sidebar footer 都是哪里来的?我盲猜是你定义的网格线的命名。但是你不写出来我惶恐

来源:3-4 grid-template-areas

记得加卤蛋

2019-08-01 18:13

这里面 这些header main empty sidebar footer 都是哪里来的?我盲猜是你定义的网格线的命名。但是你不写出来我惶恐

写回答 关注

2回答

  • qq_一座城_2
    2019-08-01 20:45:01
    已采纳

    很明显,不是的,是每个div的gird-area的取值

  • 记得加卤蛋
    2019-08-02 11:15:00

    已经搞清楚了,这里面定义的  grid-template-areas 仅仅就是定义了这个名字,这个名字可以随便取,和div里面的标签什么的没有关系,但是和单元格要一一对应。比如第一行有四个项目,你想定义两个区域,此时你可以写 “a a b b”.具体在哪里用呢?在每一个项目定义里用 。如果你在项目里定义了grid-area: a 那么这个item 就会默认占用两个单元格。

Grid布局基础

Grid二维网格布局系统,跟随时代潮流,掌握新一代的布局方案。

13166 学习 · 19 问题

查看课程

相似问题