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;
}

Live Demo