Você está usando um navegador desatualizado. Para a visualização correta, atualize seu navegador:

SimpleUi

Mapa do site

Páginas do Site

Páginas das Funções

SimpleUi
Atualizando
‹

Código para Grid divs (igualar divs) Download

? - +
Equalizar células de um grid
  1. Insira a classe ui_equalItem em todos os elementos do grid
  2. Envolva todas as células ui_equalItem em uma div com a classe ui_equal
  3. Pode usar mais de uma vez na mesma página, onde cada ui_equal será independente do outro
Pronto! Isso é suficiente. Caso queira, você pode customizar a função:
  1. A maior célula determina a altura das demais células por linha
    • Para igualar a altura de todas as células, independente da linha, use em ui_grid o atributo data-perline, ex: data-perline="false"
  2. Por padrão, o grid terá 3 colunas.
    • Use o atributo data-columns em ui_grid e informe o número de colunas, ex: data-columns="4"
  3. O espaçamento padrão horizontal e vertical entre as células é de 10 pixels.
    • Para alterar o valor do espaçamento horizontal, use o atributo data-margin-horizontal em ui_equal, ex: data-margin-horizontal="20"
    • Faça o mesmo para alterar o valor do espaçamento vertical através do atributo data-margin-vertical, ex: data-margin-vertical="20"
Customizar

Número de elementos

Exibir elementos.

Padrão inicial

. padrão: sim (true)

Quantidade de colunas

Dividir em colunas. padrão: 3

Espaçamento entre as colunas

O espaçamento horizontal entre as colunas será de pixels. padrão: 10
O espaçamento vertical entre as colunas será de pixels. padrão: 10
Restaurar padrão
Tem certeza que deseja reiniciar todos os valores?

Resultado para Grid divs (igualar divs)