Jeito fácil de listar imagens lado a lado?

[rikaschmitt 54]

Bom dia galera.

 

Estou com dificuldades em listar imagens de tamanhos diferentes, lado a lado. Cada imagem está com float:left e elas estão dentro de uma div com largura x, para quando chegar no limite da div, criar uma nova linha com as demais imagens e assim por diante. O problema é que elas estão desalinhando, não sei se é por causa do tamanho delas que varia, mas algumas ficam aglomeradas num canto.

 

Alguém tem sugestão de como listar imagens de um jeito simples e que elas fiquem alinhadas ou pelo menos com algum espaçamento entre elas?

[William Bruno 1501]

deve ser pq elas não tem uma mesma altura.

 

coloque elas em um container, e dê uma altura para ele, ou veja a cada quantas vc precisa quebrar, e aplique clear: both; para a primeira de cada linha.

[rikaschmitt 54]

Sim, mas tem que seguir o responsivo do site.

Vou ver oq faço.

[William Bruno 1501]

Então colocar elas dentro de containers com alturas iguais resolve seu problema.