2017-03-27 14 views
0

グリッドに問題があります。 Isotope.jsをグリッドプラグインとして使用しています。グリッドと行の高さ(jquery)

要素の自動高さを要求しましたが、同時に、その行のすべての要素が同じ新しい高さになっています。説明する

最良の方法はこれです:私は、任意のアイデアを取っているhttp://imgur.com/PVqscxc

要素の

2行目は、第1と同じ高さであるが、1つの要素が他のものより多くのテキストを持っているので、その行の他のすべては、私が持っている場合複数のテキスト

答えて

2

を有しているものと同じ高さでなければなりません過去にこの問題があったのですが、グリッド内のボックスの高さを決め、それを最大高さとして指定し、コンテンツが収まらない場合にはoverflow: autoを追加しました。

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

あなただけのすべての時間、それが必要とされるときに、スクロールバーがnoly表示されるようにスクロールバーがボックス、および自動車の垂直面に適用してはならないしたいので、私はoverflow-yを使用。動的

代わりに高さを設定するのjQueryを使用した

、あなたはjQueryを使って行で最も高いボックスの高さを取得し、その高さに行に他のすべてのボックスを設定することができます。

いくつかの有用な人は、すでに正確に行うには気の利いたスクリプトを作成しました:https://pressupinc.com/blog/2014/02/setting-dynamic-equal-heights-multiple-elements-jquery/

をそれとも、このjQueryプラグインを使用することができ http://brm.io/jquery-match-height/

関連する問題