galleries

按行装箱的徽章陈列架

尺寸不一的徽章通过自研的可变行高装箱算法无重叠地摆放：每枚徽章放入第一个容得下它的行，只有当所有行都放不下时才新开一行，于是小徽章填满大徽章留下的空隙。拖动宽度控件或改变容器实际尺寸（ResizeObserver）会重新计算整个布局，徽章以 FLIP 动画滑向新位置；切换开关可对比朴素换行方式，并显示两种模式各自的空间利用率。