display:none;なのに隙間が空く

Question

http://takutyamu.work/tip/test.php

サイトを作っているのですが、上記URLでページャーを実装し、表示させないものをdisplay:none;にしました。
しかし、display:none;になったli要素が表示されなくなっただけで隙間が詰まりません。
かなりの時間悪戦苦闘したのですが、解決しませんでした。何が邪魔しているのでしょうか。

Answer 1

isotopeというライブラリを使用されていますよね？それが配置を決めているようなので、ただ非表示にしても位置の再調整が行われません。

Comments

[takutyamu]

回答ありがとうございます。
isotopeのjsを消したり、isotopeが含まれているクラスを削除してみたのですが改善しませんでした。

[kei344]

使用されているライブラリと問題の再現が可能なHTML/CSS/JavaScriptを質問文に追記されてはいかがでしょう。

Answer 2

display:noneは見えなくするといった効果を付与するだけといった認識です。
このアプローチではないでしょうか？またはこのアプローチでやりたいなら、隙間を埋めるためにCSSの調整が必要です。
おそらく消したところの余白を消したいのであれば、li要素自体を削除するJavaScriptを書くのが良いかと思います。