Ограничение столбцов сетки HTML-изображения

Я работаю над iDocScript и HTML, чтобы читать в базе данных изображений и возвращать результат в виде сетки из четырех столбцов и неограниченных строк.

[картинка] [картинка] [картинка] [картинка]

[картинка] [картинка] [картинка] [картинка]

Примерно так, и я запутался, чтобы ограничить количество столбцов даже без использования iDocScript.

Источник

1 ответ

Решение

Вы можете использовать количество столбцов, чтобы ограничить количество столбцов с таким элементом:

.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

Источник
Другие вопросы по тегам