GUJ Discussões   :   últimos tópicos   |   categorias   |   GUJ Respostas

Pegar o maior valor de altura de diversos itens css

javascript
html
css
Tags: #<Tag:0x00007fbf2134da18> #<Tag:0x00007fbf2134d608> #<Tag:0x00007fbf2134d270>

#1

Olá pessoal, estou fazendo um projeto, mas meu cliente fica reclamando que os itens estão com tamanhos diferentes.

Teria alguma forma de pegar o maior valor de altura dentre varios itens e aplicar a todos??


#2

Olá amigo, você já tentou utilizar um classe para os itens e definir a altura e largura.


#3

Tentei sim, mas isso deixa a altura fixa.


#4

Pode tentar com javascript no fim da página (assim todos os itens já foram carregados)…

<script>
var maior = 0;
var itens = document.getElementsByClassName("classe"); // atributo class de cada item

// busca maior altura...
for (var i = 0; i < itens.length; i++) {
    var altura = parseInt(itens[i].style.height);
    if (altura > maior) {
        maior = altura;
    }
}

// muda altura de todos...
for (var i = 0; i < itens.length; i++) {
    itens[i].style.height = maior;
}
</script>
</body>
</html>

Espero ter ajudado…