A Pen by Luiz Gabriel.

Colunas-Iguais.markdown

Colunas Iguais

Pequena função para manter as colunas com altura igual, independente do conteúdo.

A Pen by Luiz Gabriel on CodePen.

License.

index.html

<div class="column">
  texto, texto <br/>
   texto, texto <br/>
   texto, texto <br/>
   texto, texto <br/>
   texto, texto <br/>
</div>
<div class="column">
  texto, texto <br/>
   texto, texto <br/>
</div>
<div class="column">
  texto, texto <br/>
  texto, texto <br/>
  texto, texto <br/>
</div>

script.js

function alturaIgual(group) {
   maisAlto = 0;
   group.each(function() {
      pegaAltura = $(this).height();
      if(pegaAltura > maisAlto) {
         maisAlto = pegaAltura;
      }
   });
   group.height(maisAlto);
}
$(document).ready(function() {
   alturaIgual($(".column"));
});

style.css

.column {
  border: 1px solid red;
  width: 200px;
  float:left;
  padding:10px;
  margin-right:10px;
}