为了账号安全，请及时绑定邮箱和手机立即绑定
首页 免费课 Grid布局基础 问答

Grid布局基础

爱米 Web前端工程师
查看讲师更多课程 爱米讲师的其他课程
难度中级
时长 3小时18分
学习人数
综合评分9.17
18人评价 查看评价
9.6 内容实用
8.4 简洁易懂
9.5 逻辑清晰
全部 评论 问答 未解决 精华

为什么我这个这个areas被屏蔽了啊

+ 我来回答 回答最高可+2积分
2 回答 688 浏览 3-4 grid-template-areas
2020-04-25

为什么左上角是空白格，first of type是什么

最新回答 / 慕盖茨2171430
:first-of-type——类似于:first-child，但不是根据在全部子元素中的位置查找元素，而是根据拥有相同标签名的子元素中的数字顺序查找第一个元素。
1 回答 498 浏览 5-1 start-end 基本用法
2020-04-19

老师，素材在哪里找到

+ 我来回答 回答最高可+2积分
2 回答 811 浏览 3-7 gap 简写
2020-01-06

关于gap设定一个值的问题

最新回答 / weibo_用户59165236_0
gap简写是行列间距宽度是同一个值吧
1 回答 1023 浏览 3-7 gap 简写
2019-11-11

在小程序中，justify-content没有效果

最新回答 / QngCken
是不是你的container大小设置太小了，justify-content是在包含了网格项之后还有剩余空间时的网格项对齐方式。不然也有可能是浏览器不支持？----萌新如此回答
1 回答 1998 浏览 5-4 self
2019-08-24

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

已采纳回答 / qq_一座城_2
很明显，不是的，是每个div的gird-area的取值
2 回答 1007 浏览 3-4 grid-template-areas
2019-08-01

grid-row 简写 斜杠 变成运算了

+ 我来回答 回答最高可+2积分
2 回答 943 浏览 5-2 start-end 简写
2019-07-23

听不懂老师说的这device样式类和名字，放到的是哪哪呀？

已采纳回答 / 兼容并包
哈哈哈 ，  需要多练习。 光靠记  走不长的。  名字跟名字对应关系。  最简单的方法自己动手练习， 很简单的。
2 回答 890 浏览 5-3 grid-area
2019-07-07

template的简写和grid的简写有点混乱？

已采纳回答 / 兼容并包
http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html   看这个，要是学不会算我输。
1 回答 5841 浏览 3-11 grid简写形式
2019-07-06

声音好熟悉啊。仔细回想了下，才发现是就业班的讲解老师啊。哈哈

+ 我来回答 回答最高可+2积分
2 回答 738 浏览 1-2 网格布局的优势和兼容性
2019-07-01

阿达啊实打实的

+ 我来回答 回答最高可+2积分
1 回答 936 浏览 1-1 网格布局简介（网格布局是发展趋势）
2019-06-06

网格布局疑问——行线位置不同怎么办？

最新回答 / 前端小白2018
好像是这样。但这样和用2个flex 也没什么区别了，用网格好像也体现不出什么优势，还更复杂了
2 回答 929 浏览 3-2 grid-template 定义行与列的轨道大小
2019-05-14

老师什么时候讲讲这种网页的课程，收费也没问题

最新回答 / 治贤
你想复杂了，页面都是一个人搞定的，很少遇到协同的。
2 回答 975 浏览 1-1 网格布局简介（网格布局是发展趋势）
2019-05-02

333

最新回答 / 猗_卢_亚
3333
2 回答 258 浏览 2-1 网格容器、网格项、网格线(概念)
2019-04-22

222

最新回答 / 慕雪2279059
333333
1 回答 633 浏览 2-1 网格容器、网格项、网格线(概念)
2019-04-22
首页上一页12下一页尾页
开始学习
课程须知
学习之前需要掌握HTML基础、CSS基础，position、float、以及flex布局。
老师告诉你能学到什么？
学会使用Grid布局实现二维网格布局系统，灵活尽心布局，学会更主流、更简洁的布局方案。

微信扫码，参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示：

您好，此课程属于迁移课程，您已购买该课程，无需重复购买，感谢您对慕课网的支持！

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消