If you create a simple web form like in the example below:
Usually, to make the all labels have the same width,you would set the width of labels to some number, let's say 100px. But, let's do another thing. Let's calculate the width of a largest label and apply it to all labels. jQuery function below does exactly what I wrote:
$(document).ready(function() { var max = 0; $("label").each(function(){ if ($(this).width() > max) max = $(this).width(); }); $("label").width(max); });
And visually it looks like this:
html source code:
<fieldset class="form_registro">
<label>name</label><input id="name" name="name" type="text" /><br/>
<label>Email Address</label><input id="email" name="email" type="text" /><br/>
</fieldset>
参:http://www.jankoatwarpspeed.com/post/2008/07/09/Justify-elements-using-jQuery-and-CSS.aspx