网格和行高(jquery)

时间:2017-03-27 12:17:10

标签: javascript jquery html css jquery-isotope

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

我有一个请求来执行元素的自动高度,但同时,该行中的所有元素都获得相同的新高度。

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

我正在接受任何想法。

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

1 个答案:

答案 0 :(得分:2)

当我过去遇到这个问题时,我已经确定了我希望网格中的方框的高度,然后将其指定为最大高度,并添加overflow: auto以防内容无法使用#39; t fit。

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

我使用了overflow-y,因为您只希望滚动条应用于框的垂直边,并且自动使滚动条在需要时不显示,而不是始终显示。

使用jQuery动态设置高度

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

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

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