راحت ترین و بهترین راه برای انجام اینکار استفاده از JavaScript و Jquery هست.
من کوتاهترین تابع رو نوشتم براتون :
کد 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>
- توجه داشته باشید که اونهایی که میخواید یک height داشته باشند باید یک class مشترک داشته باشند که اینجا اسمش رو elements گذاشتم.
- تابع equalize رو باید در یک جا کپی کنید و هر باری که میخواید element هاتون رو equal height کنید تابع رو به این صورت call کنید :
کد HTML:
$('.class-name').equalize();