【问题标题】:Grid and row height ( jquery)网格和行高(jquery)
【发布时间】:2017-03-27 20:32:10
【问题描述】:

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

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

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

我正在接受任何想法。

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

【问题讨论】:

    标签: javascript jquery html css jquery-isotope


    【解决方案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/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-02-02
      • 2022-11-12
      • 2011-03-02
      • 1970-01-01
      • 2012-01-01
      • 2018-09-03
      • 1970-01-01
      • 2014-03-11
      相关资源
      最近更新 更多