CSS Grid 布局中的密集打包：填坑专家还是空间刺客？ CSS Grid 布局，这玩意儿就像乐高积木，让你在网页上搭建各种复杂精美的布局，简直不要太爽。但要玩好 Grid，就得了解它的各种小脾气，其中一个让人琢磨不透的，就是 grid-auto-flow: dense 这个属性。 别看它名字挺唬人，“密集打包”，听起来像个勤劳的小蜜蜂，实际上，它更像个“填坑专家”，但也可能成为“空间刺客”。到底怎么回事？咱们慢慢聊。 故事的开始：Grid 的默认行为 想象一下，你正在用 Grid 布局做一个画廊，里面有很多画作，大小不一。默认情况下，Grid 会按照你在 HTML 中定义的顺序，把这些画作一个一个地塞进网格里。如果某个画作比较大，占了好几个格子，那么后面的画作就会顺延，可能会在网格中留下一些空白。 这就像你往行李箱里装东西，先放了一个大箱子，占据了很多空间，后面再放一些小东西，就会发现箱子里出现了一些空隙，有点浪费。 Grid 的默认行为就是这样，它会尽可能地按照顺序放置元素，但不会主动去填补这些空白。 密集打包：填坑行动开始！ 这时候，grid-auto-flow: dense …