jQuery实现两列等高并自适应高度

每个人都渴望内心深处的成功,但问题是大多数人认为他们无法成功。他们不相信自己可以通过斗争获得成功。

想要使用JQuery实现两列等高并自适应高度,其实也很简单,原理就是取得左右两边的高度,然后判断这个值,把大的值赋给小的就行了。看代码:

$(document).ready(function() {
 var _leftheight = jQuery(".left").height();
 var _rightheight = jQuery(".right").height();
 if (_leftheight > _rightheight) {
  jQuery(".right").height(_leftheight);
 } else {
  jQuery(".left").height(_rightheight);
 }
});

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!

您可能有感兴趣的文章
echarts大屏字体自适应的方法步骤

移动端自适应flexible.js的使用方法(不用三大框架,仅写一个单html页面使用)推荐

微信小程序实现富文本图片宽度自适应的方法

微信小程序实现image组件图片自适应宽度比例显示的方法

Javascript防止图片拉伸的自适应处理方法