.equalHeight()
Categories: CSS | Dimensions
.equalHeight()Returns: jQuery
Plugin: jQuery.fn.equalSize
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: 1.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:
$('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>
.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>