Ограничение столбцов таблицы HTML-графики

Question

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

[изображение] [изображение] [изображение] [изображение]

[изображение] [изображение] [изображение] [изображение]

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

Answer 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