Categories

.equalHeight()

Categories: CSS

.equalHeight()

Subclass: ep

Plugin: ep.fn.equal

Description: Set the heigh of a highest element in the set of matched elements to each of the set of matched elements.

  • .equalHeight()

    version added: 6.11.0

The .equalHeight() method equals the height to each of the set of matched elements to the height from the the highest one.

  • Equal the height of all div elements.

    HTML:
    <div class="box_1"></div>
    <div class="box_2"></div>
    <div class="box_3"></div>
    
    CSS:
    .box_1 {
        position:    absolute,
        margin:      15px,
        border:      solid 5px,
        padding:     10px,
        width:       100px,
        height:      100px
    }
    .box_2 {
        position:    absolute,
        margin:      30px,
        border:      solid 10px,
        padding:     20px,
        width:       200px,
        height:      200px
    }
    .box_3 {
        position:    absolute,
        margin:      45px,
        border:      solid 15px,
        padding:     30px,
        width:       300px,
        height:      300px
    }
    
    Code:
    ep('div').equalHeight();
    
    Results:
    <div class="box_1" style="height: 300px;"></div>
    <div class="box_2" style="height: 300px;"></div>
    <div class="box_3" style="height: 300px;"></div>