IMG друг за другом без пустоты?

Question

[Stealing]

Добрый день.



Имеется 7 изображений, идущие друг за другом. <img src="../001.jpg"> и т.д.
Как сделать, чтобы изображения заполоняли пустое пространство (прижимались друг к другу), в моем случае, 6ая картинка прижалась ко 2ой.

Comments

[Максим]

стереть - и нарисовать выше

Answer 1

[Ivan Bogachev]

1 вариант (плохой): с помощью transform:translateY приподнять нижнюю картинку. Такой подход сохранит разметку, но это костыль.
2 вариант (хороший): все-таки сделать какую-то сетку, вместо идущих друг за другом изображений. Это и упростит адаптацию под маленькие экраны и позволит сохранить порядок в случае, если какие-то картинки не загрузятся. В качестве примера, от которого можно оттолкнуться можете посмотреть вот эту демку.

Answer 2

[Stealing]

Еще нашел вариант на Habrahabr с помощью JavaScript.