.equalInnerHeight()
Categories: CSS
.equalInnerHeight()
Subclass: ep
Plugin: ep.fn.equal
Description: Set the heigh of a innerHighest element in the set of matched elements to each of the set of matched elements.
-
.equalInnerHeight()
version added: 6.11.0
The .equalInnerHeight()
method equals the innerHeight to each of the set of matched elements
to the innerHeight from the the highest one.
The .equalInnerHeight()
method is related to the .innerHeight()
method.
-
Equal the innerHeight 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').equalInnerHeight();
Results:
<div class="box_1" style="height: 340px;"></div> <div class="box_2" style="height: 320px;"></div> <div class="box_3" style="height: 300px;"></div>