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

Grid布局基础

爱米 Web前端工程师
查看讲师更多课程 爱米讲师的其他课程
难度中级
时长 3小时18分
学习人数
综合评分9.17
18人评价 查看评价
9.6 内容实用
8.4 简洁易懂
9.5 逻辑清晰
全部 评论 问答 未解决 精华
慕侠357404
我有一个不成熟的小建议： 希望老师讲完后，实际操作一下，用网格布局写一个小的页面。这样可以更好的理解。因为讲了一大堆的属性有些晕，不知道该怎么用。
1 5-2 start-end 简写
2019-08-29
a瑶池
2x刚好，但还是有点啰嗦
0 2-2 网格轨道、单元、区域、fr单位、gr单位(概念)
2019-08-28
小白不是兔
全是理论讲解, 最好配合代码实例
1 3-7 gap 简写
2019-08-27

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

最新回答 / QngCken
是不是你的container大小设置太小了，justify-content是在包含了网格项之后还有剩余空间时的网格项对齐方式。不然也有可能是浏览器不支持？----萌新如此回答
1 回答 1998 浏览 5-4 self
2019-08-24
慕的地6378312
老师好，感谢您的高水平讲解。
我是想请教个问题，现在flex布局也有align纵轴，那是不是也是二维布局，不是一维布局了？
谢谢您。
0 3-9 content
2019-08-08

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

已采纳回答 / qq_一座城_2
很明显，不是的，是每个div的gird-area的取值
2 回答 1007 浏览 3-4 grid-template-areas
2019-08-01
前后左右端开发
这一类的玩叶✌
0 1-1 网格布局简介（网格布局是发展趋势）
2019-07-26
慕UI8306450
我以为。。我进入了英语小课堂。。。。
1 2-2 网格轨道、单元、区域、fr单位、gr单位(概念)
2019-07-25

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

+ 我来回答 回答最高可+2积分
2 回答 943 浏览 5-2 start-end 简写
2019-07-23
慕移动6061222
能去掉一些话作料就更好了,这个速度2倍速度都感受不到干货
0 1-3 学习网格布局需要有的基础以及学习目标
2019-07-07

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

已采纳回答 / 兼容并包
哈哈哈 ，  需要多练习。 光靠记  走不长的。  名字跟名字对应关系。  最简单的方法自己动手练习， 很简单的。
2 回答 890 浏览 5-3 grid-area
2019-07-07
blueju
我倒是觉得，老师讲得很好。
除了录音设备太差导致说话不太清楚的这个缺点。
0 3-2 grid-template 定义行与列的轨道大小
2019-07-07

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

已采纳回答 / 兼容并包
http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html   看这个，要是学不会算我输。
1 回答 5841 浏览 3-11 grid简写形式
2019-07-06
光武舞
怎么黑屏了，看不了！
0 2-1 网格容器、网格项、网格线(概念)
2019-07-04

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

+ 我来回答 回答最高可+2积分
2 回答 738 浏览 1-2 网格布局的优势和兼容性
2019-07-01
首页上一页123456下一页尾页
开始学习
课程须知
学习之前需要掌握HTML基础、CSS基础，position、float、以及flex布局。
老师告诉你能学到什么？
学会使用Grid布局实现二维网格布局系统，灵活尽心布局，学会更主流、更简洁的布局方案。

微信扫码，参与3人拼团

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

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

查看已购买的课程

本次提问将花费2个积分

你的积分不足，无法发表

为什么扣积分？
确认 取消

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分？
确认 取消

举报

0/150
提交
取消