【求助】css grid布局问题？-灵析社区

问题1： box1为grid-template-columns: repeat(auto-fill, 20; grid-row-gap: 20px;的情况下没有办法1行5个？ 如下图：  问题2： box2为grid-template-columns: auto auto auto auto auto;的情况下，li不足5个是，li的宽度会增多？ 如下图：  html ul,li { padding: 0; margin: 0; list-style-type: none; } .box1 { margin: 0 auto; background: green; width: 500px; display: grid; grid-auto-flow: row; grid-template-columns: repeat(auto-fill, 20%); grid-row-gap: 20px; grid-column-gap: 20px; } .box1 li { background-color: red; } .box2 { margin: 20px auto; background: green; width: 500px; display: grid; grid-auto-flow: row; grid-template-columns: auto auto auto auto auto; grid-row-gap: 20px; grid-column-gap: 20px; } .box2 li { background-color: red; } 1 2 3 4 5 6 7 8 9 10 1 2 3 4 5 6 7 8 9 10 1 2 3 4