我将使用javascript创建一个照片网格,它的行包含另外2和3张照片。问题是:如何从数学上判断我应该用哪一行(有2张照片或3张照片的行)来绘制网格,以防止最后一行包含1张照片。
| 2 photos | .. |
| -------- |-----|
| 3 photos | ... |
| -------- |-----|
| 4 photos | .. |
| | .. |
| -------- |-----|-----|
| 5 photos | .. | ... |
| | ... | .. |
| -------- |-----|-----|
| 6 photos | ... |
| | ... |
| -------- |-----|
| 7 photos | .. |
| | ... |
| | .. |
| -------- |-----|
| 8 photos | ... |
| | .. |
| | ... |
| -------- |-----|
| 9 photos | .. |
| | ... |
| | .. |
| | .. |
| -------- |-----|-----|
| 10 photos| .. | ... |
| | ... | .. |
| | .. | ... |
| | ... | .. |
| -------- |-----|-----|
| 11 photos| ... |
| | .. |
| | ... |
| | ... |
| -------- |-----|-----|
| 12 photos| .. | ... |
| | ... | .. |
| | .. | ... |
| | ... | .. |
| | .. | .. |
| -------- |-----|-----|
| 13 photos| .. | ... |
| | ... | .. |
| | .. | ... |
| | ... | .. |
| | ... | ... |
| -------- |-----|-----|
| 14 photos| .. |
| | ... |
| | .. |
| | ... |
| | .. |
| | .. |
| -------- |-----|-----|
| 15 photos| .. | ... |
| | ... | .. |
| | .. | ... |
| | ... | .. |
| | .. | ... |
| | ... | .. |
| -------- |-----|-----|编辑过的
| -------- |-----|-----|
| 7 photos | .. | ... |
| | ... | .. |
| | .. | .. |
| -------- |-----|-----|发布于 2022-07-13 15:05:43
当你选择2和3张照片时,最重要的是总模5 (操作符%)。
使用N = Math.floor(total / 5) (全部门)
如果total % 5 = 0 =>,您可以从2或3开始。您将有2N行。
如果total % 5 = 1 =>以3开头,那么将有2N行,最后一行将是3(而不是2)。
如果total % 5 = 2 =>以2开头,那么将有2N +1行。
如果total % 5 = 3 =>以3开头,那么将有2N +1行。
如果total % 5 = 4 =>以2开头,那么将有2N +2行,最后一行是2(而不是3行)。
只有当你只有一张照片时,这才不起作用。
https://stackoverflow.com/questions/72966982
复制相似问题