限制 HTML 图片网格列

Question

我正在使用 iDocScript 和 HTML 阅读图片数据库，return 结果是四列和无限行的图片网格。

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

像这样，即使不使用 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

限制 HTML 图片网格列

Limiting HTML picture grid columns

html

css

idocscript