Skip to main content
Commonmark migration
Fonte Link

Tenho uma div pai que é responsável por agrupar determinadas quantidades de filhos.

O problema é preciso que essa div fique sempre alinhada à esquerda, sem deixar espaços em branco, porém cada div pai tem um número diferente de elementos filhos.

Isso faz com que cada div pai tenha um height diferente, e, consequentemente, o float: left em alguns casos faz com que um elemento fique alinhado à direita, deixando um enorme espaço em branco a esquerda. Isso quando não fica um espaço em branco em cima.

Vou exemplificar o problema que tenho com duas imagens:

#Problema

Problema

Os items deveriam ficar flexíveis, porém estão deixando um espaço indesejado

Os items deveriam ficar flexíveis, porém estão deixando um espaço indesejado

#Solução desejada

Solução desejada

inserir a descrição da imagem aqui

Tenho uma div pai que é responsável por agrupar determinadas quantidades de filhos.

O problema é preciso que essa div fique sempre alinhada à esquerda, sem deixar espaços em branco, porém cada div pai tem um número diferente de elementos filhos.

Isso faz com que cada div pai tenha um height diferente, e, consequentemente, o float: left em alguns casos faz com que um elemento fique alinhado à direita, deixando um enorme espaço em branco a esquerda. Isso quando não fica um espaço em branco em cima.

Vou exemplificar o problema que tenho com duas imagens:

#Problema

Os items deveriam ficar flexíveis, porém estão deixando um espaço indesejado

Os items deveriam ficar flexíveis, porém estão deixando um espaço indesejado

#Solução desejada

inserir a descrição da imagem aqui

Tenho uma div pai que é responsável por agrupar determinadas quantidades de filhos.

O problema é preciso que essa div fique sempre alinhada à esquerda, sem deixar espaços em branco, porém cada div pai tem um número diferente de elementos filhos.

Isso faz com que cada div pai tenha um height diferente, e, consequentemente, o float: left em alguns casos faz com que um elemento fique alinhado à direita, deixando um enorme espaço em branco a esquerda. Isso quando não fica um espaço em branco em cima.

Vou exemplificar o problema que tenho com duas imagens:

Problema

Os items deveriam ficar flexíveis, porém estão deixando um espaço indesejado

Os items deveriam ficar flexíveis, porém estão deixando um espaço indesejado

Solução desejada

inserir a descrição da imagem aqui

Fonte Link
Wallace Vizerra
  • 107,4mil
  • 106
  • 440
  • 920

Como agrupar elementos dinamicamente indepente do tamanho?

Tenho uma div pai que é responsável por agrupar determinadas quantidades de filhos.

O problema é preciso que essa div fique sempre alinhada à esquerda, sem deixar espaços em branco, porém cada div pai tem um número diferente de elementos filhos.

Isso faz com que cada div pai tenha um height diferente, e, consequentemente, o float: left em alguns casos faz com que um elemento fique alinhado à direita, deixando um enorme espaço em branco a esquerda. Isso quando não fica um espaço em branco em cima.

Vou exemplificar o problema que tenho com duas imagens:

#Problema

Os items deveriam ficar flexíveis, porém estão deixando um espaço indesejado

Os items deveriam ficar flexíveis, porém estão deixando um espaço indesejado

#Solução desejada

inserir a descrição da imagem aqui