@edis0n0 只要一层就可以了 grid 设置好列的模式 最后用 justify-content https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content
设置列的模式,就用 grid-template-columns: repeat(auto-fit, 100px); 100 可以换成需要的宽度 甚至还能配合 minmax 做列的宽度自适应 中间的 gap 就直接用 gap 属性
#2 就是最简单的,不过好像 margin 写反了? #container { margin: auto 5rem; } #container > div { background: #111; width: 200px; height: 200px; display: inline-block; }
目前能工作的只有 14 楼 @wenzhoou 的代码,但用 js 实现这个实在不优雅,还在尝试 12 楼的 @qwq11 #18 你这个没有居中,只是左右有 5rem margin @crystom #16 外层宽度***不固定***!!!