-
自动布局算法
查看全部 -
隐式网格轨道
查看全部 -
justify-items 和 align-items 可以用 place-items （垂直，水平）简写；justify-content 和 align-content 可以用 place-content（垂直，水平） 简写。
stretch 和 start 的区别是，当grid-template-columns设置的列宽为auto时，前者会把item能有多宽就撑开多宽，后者相反，能挤多窄就挤成多窄。
space-around：会使容器左右两边有一点点等宽的外边距，为item列间隙的一半。
space-evenly：会使容器左右两边和列之间的间距等宽。
space-between：使得item间隙均等，容器外边缘无间隙。
查看全部 -
grid-template简写
查看全部 -
网格：网格是一组相交的水平线和垂直线，它定义了网格的列和行。我们可以将网格元素放置在与这些行和列相关的位置上。
查看全部 -
简单易懂，挺好
查看全部 -
grid的属性： 分为两波，一波在网格容器中，一波在网格项中。
作用在网格容器中的属性：
display: 说明哪个是网格容器
grid-template: 网格模板
gap：网格容器和网格容器之间的间隔空隙
items: 网格项的对齐属性
content : 内容方面的对齐
grid-auto: 对于我们已经定义好的网格模板之外。它会自动生成一个网格
grid：以上1-5项 。 也可以用gird统写
查看全部 -
Grid布局浏览器兼容性
不兼容IE11以下，不建议在移动端使用。查看全部 -
Grid布局的优势查看全部
-
网格区域的定义
查看全部 -
grid布局优势
查看全部 -
当元素设置了网格布局，
display：grid | inline-grid | subgrid；
column、float、clear、vertical-align属性无效
查看全部 -
课程讲的挺好
查看全部 -
grid-template取值示例;
查看全部 -
grid使用场景的划分示例;
查看全部
举报