javascript - 网格和行高(jquery)

Question

所以我的网格有问题。我使用 Isotope.js 作为网格插件。

我收到了一个元素自动高度的请求，但与此同时，该行中的所有元素都获得了相同的新高度。

最好的解释方式是:http://imgur.com/PVqscxc

我正在考虑任何想法。

第二行元素的高度与第一行相同，但是其中一个元素的文本比其他元素多，因此该行中的所有其他元素的高度应与文本更多的元素相同

Answer 1

当我过去遇到这个问题时，我决定了我希望网格中的框的高度，然后将其指定为最大高度，并添加了 overflow: auto以防内容不合适。

.box {
  height: 200px;
  overflow-y: auto;
}

我用了overflow-y因为你只希望滚动条应用到框的竖直边，而auto使得滚动条只在需要的时候显示，而不是全部时间。

使用jQuery动态设置高度

或者，您可以使用 jQuery 获取行中最高框的高度，然后将行中的所有其他框设置为该高度。

一些乐于助人的人已经写了一个漂亮的脚本来做到这一点:https://pressupinc.com/blog/2014/02/setting-dynamic-equal-heights-multiple-elements-jquery/

或者你可以使用这个 jQuery 插件 http://brm.io/jquery-match-height/