Pegar o maior valor de altura de diversos itens css

3 respostas
htmlcssjavascript
G

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??

3 Respostas

F

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

G

Tentei sim, mas isso deixa a altura fixa.

R

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…

Criado 30 de novembro de 2017
Ultima resposta 22 de dez. de 2017
Respostas 3
Participantes 3