小编Tim*_*imm的帖子

css-grid 2x2 或 2x3 布局,取决于项目的数量

考虑一个项目数量可变的计划,在 1 到 6 之间。如果有 1 - 4 个项目,它们应该覆盖 2x2 布局,例如:

ONE   TWO
THREE FOUR
Run Code Online (Sandbox Code Playgroud)

如果有 5 - 6 个项目,它们应该覆盖 2x3 布局,例如:

ONE  TWO  THREE
FOUR FIVE SIX
Run Code Online (Sandbox Code Playgroud)

代码笔链接

但是,我需要以编程方式将x22x23类应用于项目,具体取决于项目的数量。我更喜欢在我的模板中不需要额外逻辑的解决方案。

html css grid-layout css-grid

4
推荐指数
1
解决办法
4617
查看次数

标签 统计

css ×1

css-grid ×1

grid-layout ×1

html ×1