私は、製品を表示するためのメーソングリッドを持っており、場合によっては最初の項目の境界線が次の列に移動します。それはいつも起こるわけではなく、私はこれが起こる理由を見つけることができません。 ページへのリンク: http://en.naaman.b24online.com/b2c-products/tsb-163746/css masonryグリッドの次の列への境界の移動
ありがとうございました。
私は、製品を表示するためのメーソングリッドを持っており、場合によっては最初の項目の境界線が次の列に移動します。それはいつも起こるわけではなく、私はこれが起こる理由を見つけることができません。 ページへのリンク: http://en.naaman.b24online.com/b2c-products/tsb-163746/css masonryグリッドの次の列への境界の移動
ありがとうございました。
一つの解決策は、各ボックスのラッパーを作成することですので、ボーダーの箱が内部で、
OKをbreakedするカント。ピンの行の高さ(#columnsとして定義されている)が短すぎることがわかりました。私はさまざまな画面サイズの高さを追加し、それは動作するようです。 行が完全な高さを取っていない理由がわかりません。
私はその周りにdivを作成しようとしました。役に立たない。おそらく、現在のCSSに何かが存在する可能性があります。 –
あなたのサイトで試したところ、各要素のラッパーを付けるだけです。 '-webkit-column-break-inside:avoid; -moz-column-break-inside:回避します。 column-break-inside:回避;そしてそれは働いた – xeno