2017-03-27 72 views
0

所以我有一個問題,我的網格。我使用Isotope.js作爲網格插件。網格和行高(jQuery)

我得到了一個請求來做一個元素的自動高度,但同時,該行中的所有元素都獲得了相同的新高度。解釋

最好的辦法是這樣的:http://imgur.com/PVqscxc

我採取任何想法。

元素的第二行是相同的高度一日一個,但隨後一個元素有比別人更多的文字,使行中的所有其他應爲同一高度,有更多的文本

回答

2

時,我有一個在過去有這個問題,我決定了我希望網格中的框的高度,然後將其指定爲最大高度,並在內容不適合的情況下添加overflow: auto

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

我用overflow-y因爲你只需要滾動條被貼在箱子上的縱邊,和經銷商,這樣,當需要的時候,不是所有的時間都noly顯示滾動條。

使用jQuery設置高度動態

或者,你可以得到最高的框的高度與jQuery行中,然後將所有其他框的行,該行高度英寸

一些有用的人已經寫了一個漂亮的腳本來做到這些:https://pressupinc.com/blog/2014/02/setting-dynamic-equal-heights-multiple-elements-jquery/

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