html - 限制 HTML 图片网格列

标签 html css idocscript

我正在使用 iDocScript 和 HTML 来读取图片数据库,并在四列和无限行图片网格中返回结果。

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

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

像这样,即使不使用 iDocScript,我也很难限制列数。

最佳答案

你可以使用 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 - 限制 HTML 图片网格列,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28489857/

相关文章:

php: 为什么没有被删除

html - 让element取剩余高度不使用display :table-row and absolute positioning

javascript - 在 Javascript 中的 iFrame 中触发滚动事件的问题

html - 删除 iframe 周围的额外空白?

CSS3渐变图像透明

javascript - 如何定位:after element to 50% of target element height

html - 删除 div 容器之间的空格和间隙