javascript - 如何使div网格相互忽略

Question

所以我有一个 div 网格，我正在使用 jquery 的删除功能删除它。当一个 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;

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