Сделал отображение блоков с заданной фиксированной шириной в один ряд (float: left у каждого блока).
Высота у блоков разная.
Так вот, суть в чем: если на очередном ряде последние блоки имеют меньшую высоту, чем предыдущие, то следующая строчка будет начинаться не сначала:

http://gyazo.com/9db8059d98b9ce124aaa1607d6dc878c.png

Как сделать так, чтобы каждая строчка начиналась с левого края? Как если бы была таблица.

после каждого четвёртого блока, надо поставить очищающий элемент, что-то вроде:

А если ширина родительского блока резиновая?

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

Так тоже криво. А если получится так, что в каком-то ряду случайно окажутся невысокие блоки?

так высота блоков для всех одинаковая

<div style="height: 200px">
<img src="" />
</div>

Как вариант, уйти с float-ов на инлайн-блоки. Только нужно будет учесть, что пробельные символы между тегами будут учитываться (как пробел между словами в тексте).

Спасибо, попробуем.