Categories

.equalInnerWidth()

Categories: CSS

.equalInnerWidth()

Subclass: ep

Plugin: ep.fn.equal

Description: Set the innerWidth of a broadest element in the set of matched elements to each of the set of matched elements.

  • .equalInnerWidth()

    version added: 6.11.0

The .equalInnerHeight() method equals the innerWidth to each of the set of matched elements to the innerWidth from the the broadest one.

The .equalInnerWidth() method is related to the .innerWidth() method.

  • Equal the innerWidth 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').equalInnerWidth();
    
    Results:
    <div class="box_1" style="width: 340px;"></div>
    <div class="box_2" style="width: 320px;"></div>
    <div class="box_3" style="width: 300px;"></div>