如何使div網格彼此忽略

Question

所以我有一個用jQuery的remove函數刪除的div網格。 刪除一個div后，其余的移動。 有沒有一種方法可以保持網格的形狀，並且在移除時使div保持在原位？ 謝謝。

鏈接-https: //jsfiddle.net/n4y6sfg6/7/

.boards{
    height:630px;
    width:630px;
    background-color:orange;
    border-radius:5px;
    left:50%;
    margin-left:-315px;
    position:relative;
}
.row{
    width:100%;
    height:157.5px;
}

.cards{
    width:120px;
        height:125px;
        display:inline-block;
        margin:16px;
        border-radius: 5px;
        background-color:grey;
    vertical-align:top;
}

Answer 1

不要刪除它們，而是將visibility: hidden;設置為visibility: hidden;

https://jsfiddle.net/n4y6sfg6/14/

Answer 2

不要刪除div，您可以將一個類添加到要隱藏的div中，例如

<div class="cards remove-card"></div>

然后將類的樣式設置為

.remove-card{
  visibility:hidden;
}

Answer 3

如果要繼續使用jQuery，可以使用opacity函數。

$("#element").opacity(0);

這將使元素完全保留在原處，但不可見。