这三个函数只能在网格布局中使用。fit-content()fit-content函数接收一个参数，长度值，从字面上可以理解为作用，“适应内容”。
这三个函数只能在网格布局中使用。fit-content()fit-content函数接收一个参数，长度值，从字面上可以理解为作用，“适应内容”。
test2222222222
test232232323233
min-content使用最短内容长度
test
test232232323233222222
max-content使用最长的内容长度
.minmax-wrapper{margin-top:100px;宽度：100vw；显示：网格；网格间隙：10px；网格模板列：minmax(300px,500px)minmax(50px,min-content)minmax(100px,max-content);}效果可以看到，第二项的最小内容宽度是第二项中的第一个p标签设置为minmax(50px,min-content)时，表示列宽的最大宽度不能超过第一个p标签的内容宽度。第三项的最大内容宽度是第三个p标签的内容宽度。当设置为minmax(100px,max-content)时，最大内容宽度不会超过第三个p标签的宽度兼容fit-内容功能不支持ie，但对主流现代浏览器的支持还不错.repeat()重复函数用于批量处理网格，接收2个参数。第一个参数表示执行次数，第二个参数表示长度。看下面的例子"repeat-item">test3444.repeat-wrapper{margin-top:100px;显示：网格；网格模板列：重复（3、100px）；网格间隙：10px；}效果grid-template-columns:repeat(3,100px)等价于grid-template-columns:100px100px100px;auto-fill,auto-fit第一个参数不仅指定了具体的次数，repeat也接收到auto-fill,auto-fit这几个参数，下面说说这两个参数的概念。auto-fill自动填充是指浏览器根据item自动填充item的数量。当容器很宽时，会自动预留剩余格子的宽度。如果网格容器在相关轴上有确定的尺寸或最大尺寸，则重复次数是不会导致网格溢出其网格容器的最大可能正整数。