考虑一个项目数量可变的计划,在 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)
但是,我需要以编程方式将x22
或x23
类应用于项目,具体取决于项目的数量。我更喜欢在我的模板中不需要额外逻辑的解决方案。
ONE TWO
THREE FOUR
Run Code Online (Sandbox Code Playgroud)
ONE TWO THREE
FOUR FIVE SIX
Run Code Online (Sandbox Code Playgroud)