html - 限制 HTML 图片网格列

Question

我正在研究 iDocScript 和 HTML 以读取图片数据库并以四列和无限行图片网格返回结果。

[图片] [图片] [图片] [图片]

[图片] [图片] [图片] [图片]

像这样的东西，即使不使用 iDocScript，我也很困惑限制列数。

Answer 1

您可以使用 column-count 来限制具有如下元素的列数：

.example {
  -webkit-columns: 4 150px;
  -moz-columns: 4 150px;
  columns: 4 150px;
  -webkit-column-gap: 2em;
  -moz-column-gap: 2em;
  column-gap: 2em;
}

现场演示