Можно ли с помощью CSS реализовать такой вывод блоков?

Question

[Станислав]

Возможно ли сделать только средствами CSS такой вывод блоков?
У меня на странице есть галерея в которой находятся 20 фотографий с различными размерами по ширине, высота у всех их одинаковая и равно 300px
Так вот если применить тот же flex с переносом строк, то получается что справа остается отступ, т.е. не может полностью заполнить линию с фотографиями по ширине монитора, с высотой естественно все хорошо.


Я хочу сделать так чтобы ширина была заполнена полностью, пусть даже в ущерб высоте, к примеру если чуть чуть не влезает блок, то можно уменьшить высоту фотографий в линии.

На чистом CSS нереально сделать? Только с JS где рассчитывать ширину и подгонять уже под нее фотографии?

Answer 1

[Андрей Глазачев]

Я может чего не понял, а что мешает вот так сделать? https://jsfiddle.net/Stilons/9peL0d1c/7/

Comments

[Станислав]

Не)) это читерство ))
Дело в том что фото по ширине разное, одно может быть 1000px, другое 100px, а на второй линии могут располагаться 10 фото с шириной 100-200px к примеру. Поэтому так не получится!