.equalWidth()
Categories: CSS
.equalWidth()
Subclass: ep
Plugin: ep.fn.equal
Description: Set the width of a broadest element in the set of matched elements to each of the set of matched elements.
-
.equalWidth()
version added: 6.11.0
The .equalHeight()
method equals the width to each of the set of matched elements
to the width from the the broadest one.
-
Equal the width 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').equalWidth();
Results:
<div class="box_1" style="width: 300px;"></div> <div class="box_2" style="width: 300px;"></div> <div class="box_3" style="width: 300px;"></div>