石工のレイアウト（時には）がアイテム間に1px溝を追加します

Question

私はMasonryでレイアウトされた7つのアイテムを持っています。画面の大きさによっては、2行目と3行目の間に1pxの隙間（空白）が表示されることがあります（場合によっては2列目と3列目の間に表示されることもあります）。

個人的に私はタイル/アイテムの間にスペースを入れたくありません。この単一の行が表示される原因と解決方法を知っているのは誰ですか？それはアイテムの上に高さを設定していないため、その高さはに基づいて計算してhttps://infinit.io/_/fJqNxKq

Answer 1

：

例：に結果のhttp://wallstart.nl/test.html

padding: 10%; 
font-size: 18px; 
line-height: 1.5em; 

フォントサイズはOKしかし、パディングされ、項目の行の高さ（パーセントとemのために）は、高さに浮動小数点数（例えば、height: 70.83px）を持ちます。しかし、私はそれらの数字から計算されたアイテムの位置は天井の値だと思う。 （等top: 71px）。だから、いくつかのズームレベルでは奇妙に見えます。

これがこのライブラリでサポートされていない場合は、.grid-item aのパディングと線の高さをオーバーライドして、ピクセル値を持つようにします。