为什么我的重复功能在网格属性中不起作用,在css中?

时间:2018-02-05 21:00:13

标签: css css3 grid-layout css-grid

此代码可以正常工作:

grid: [row1-start] 'header header header header header' auto [row1-end]
    [row2-start] 'menu content content content content' auto [row2-end]
    [row3-start] 'footer footer footer footer footer' auto [row3-end] / 1fr 1fr 1fr 1fr 1fr;

但是当我使用repeat()函数而不是五个1fr时,它会破坏我的网格:

grid: [row1-start] 'header header header header header' auto [row1-end]
        [row2-start] 'menu content content content content' auto [row2-end]
        [row3-start] 'footer footer footer footer footer' auto [row3-end] / repeat(5, 1fr);

使用grid-template-columns属性中的函数没有问题,当我想在网格属性中使用它时会出现问题。

1 个答案:

答案 0 :(得分:0)

根据文件:

doc image

完整的MDN参考here