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

Posted 以茜为贵wx

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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);
    }
});

 

以上是关于JQuery 实现两列等高并自适应高度的主要内容,如果未能解决你的问题,请参考以下文章

前端试题-两列等高布局

布局:左宽度固定,右边自适应

如何实现两列等高效果?

iOS 设置UILabel的行间距并自适应高度

CSS三栏布局实现,左右固定,中间自适应

利用jQuery进行三行两列等高布局