将justify-items和align-items两个属性设置为center ， 可以将单元格内的内容垂直水平居中显示 。
justify-content属性与aling-content属性
通过justify-content属性与aling-content属性可以设置整个内容区域在容器里面的水平位置和垂直位置 。
三、grid项目
justify-self属性与align-self属性
justify-self属性可以设置单元格内容的水平位置 。
align-self属性可以设置单元内容的垂直位置 。
grid-column-start属性与grid-column-end属性
指定左右边框垂直网格线
grid-row-start属性与grid-row-end属性
指定上下边框水平网格线
四、课后练习
使用grid布局实现一个圣杯布局 。
结合grid布局和flex布局实现融职教育的首页 。
【融职教育】在工作中学习 ， 在学习中工作

文章图片

• 科技怪人|C++程序员的学习进阶之路之书籍篇
• 娱乐家常菜|机器学习的训练成本难题，FB最大模型训练一轮电费就好几百万
• 本源世界集|给新手的一些关于电脑配置的建议，学习C4D
• IT爆料汇|支付宝表示，来我这“学习”一下？，无情嘲笑！腾讯的辣酱不香了
• 腾讯：无情嘲笑！腾讯的辣酱不香了，支付宝表示，来我这“学习”一下？
• 电力实事|汇总学习一下，空气开关、断路器、漏电保护
• 青柠檬檬哒|por,网友都喊华为加油，建议学习OPPO，雷军头条发了个k30
• 标杆学习|樊辉老师：原华为金牌产品经理、研发总监、BLM业务战略规划七步法首创者
• CDA数据分析师|应该做哪些准备，零基础学习数据分析
• 产业气象站|看完这份详细的学习指南就够了！，零基础入门数据挖掘