为了账号安全,请及时绑定邮箱和手机立即绑定

Grid布局基础

难度中级
时长 3小时18分
学习人数
综合评分9.40
16人评价 查看评价
9.9 内容实用
8.5 简洁易懂
9.8 逻辑清晰

最新回答 / 慕粉4012914
你这引号用的不对,一行用一个引号

最新回答 / 慕盖茨2171430
:first-of-type——类似于:first-child,但不是根据在全部子元素中的位置查找元素,而是根据拥有相同标签名的子元素中的数字顺序查找第一个元素。

最新回答 / AR414
github:https://github.com/ar414-com/web/tree/master/htmlgrid

最新回答 / weibo_用户59165236_0
gap简写是行列间距宽度是同一个值吧

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

最新回答 / weixin_慕虎1588437
你没发现2 / 4被解释称0.5了吗....建议写成 grid-column: 2 / span 2;               grid-row: 2 / span 2;

已采纳回答 / 天地间任我展翅高飞
哈哈哈 ,  需要多练习。 光靠记  走不长的。  名字跟名字对应关系。  最简单的方法自己动手练习, 很简单的。

已采纳回答 / 天地间任我展翅高飞
http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html   看这个,要是学不会算我输。

最新回答 / 前端小白2018
好像是这样。但这样和用2个flex 也没什么区别了,用网格好像也体现不出什么优势,还更复杂了

最新回答 / 治贤
你想复杂了,页面都是一个人搞定的,很少遇到协同的。

最赞回答 / 慕的地4367504
推荐一个网站,jq22.com,可以去看看,遇到合适的可以直接copy代码,其他的可以自己试试修改,反正代码要多写,熟练就好了
首页上一页12下一页尾页
课程须知
学习之前需要掌握HTML基础、CSS基础,position、float、以及flex布局。
老师告诉你能学到什么?
学会使用Grid布局实现二维网格布局系统,灵活尽心布局,学会更主流、更简洁的布局方案。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消