راحت ترین و بهترین راه برای انجام اینکار استفاده از JavaScript و Jquery هست.
من کوتاهترین تابع رو نوشتم براتون :
- توجه داشته باشید که اونهایی که میخواید یک height داشته باشند باید یک class مشترک داشته باشند که اینجا اسمش رو elements گذاشتم.کد HTML:<script> $(document).ready(function() { $.fn.equalize = function() { this.height(Math.max.apply(this, $.map(this, function(e) { return $(e).height(); }))); }; $('.elements').equalize(); }); </script> <div> <h3 class="elements" style="width:40%;float:right;background:blue">سرویس میزبانی لینوکس جهت ارائه به سایت های پربازدید و روی کنترل پنل cPanel در داخل و خارج از کشور اماده ارائه میباشد، توجه داشته باشید انتخاب هاست لینوکس هیچگونه ارتباطی با سیستم عامل کامپیوتر شما ندارد و سادگی و قدرت آن نسبت به هاست ویندوز از مزیتهای آن است. </h3> <h3 class="elements" style="width:40%;float:right;background:yellow">dd</h3> </div>
- تابع equalize رو باید در یک جا کپی کنید و هر باری که میخواید element هاتون رو equal height کنید تابع رو به این صورت call کنید :
کد HTML:$('.class-name').equalize();





پاسخ با نقل قول