html – 如何强制所有元素在页面中具有相同的高度？

发布时间：2020-12-14 23:20:42 所属栏目：资源来源：网络整理

导读：以下图片是我的产品展示.我使用Bootstrap 3.2,整个页面都在元素,您可以在图像的底部看到动态生成的HTML代码. 我的问题是产品容器div没有相同的高度(查看突出显示的照片). 是否可以将所有高度固定为不影响响应性的高度？最佳答案几行jQuery可以解决这个问

以下图片是我的产品展示.我使用Bootstrap 3.2,整个页面都在< div class =“col-xs-12”>元素,您可以在图像的底部看到动态生成的HTML代码.

我的问题是产品 – 容器div没有相同的高度(查看突出显示的照片).

是否可以将所有高度固定为不影响响应性的高度？

最佳答案

几行jQuery可以解决这个问题：

var maxHeight = 0;

$(".box").each(function () {
    if ($(this).height() > maxHeight) {
        maxHeight = $(this).height();
    }
});

$(".box").height(maxHeight);

(将.box替换为您要均衡的div类.)

快速播放jsfiddle以显示其工作原理.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!