如何计算绝对钻石网格位置？

Question

因此，有许多教程向您展示如何创建钻石网格，但唯一让我感到困惑的是他们如何计算位置。

例如：

https://jsfiddle.net/Lpphbq55/

那么如何找出边距使用的值？我的意思是，如果我要改变尺寸，我需要进行大量的实验才能获得负边距的正确值。

这里是来自jsfiddle的片段。 css来自教程：

ul li {
    list-style: none;
    float: left;
    margin-left: 66px;
    margin-top: 20px;
}
.diamond-grid {
    width: 1000px;
    margin: 0 auto;
    padding-right: 10px;
}ul li {
    list-style: none;
    float: left;
    margin-left: 66px;
    margin-top: 20px;
}

.diamond {
    height: 160px;
    width: 160px;
    background: red;
    color: #fff;
    display: block;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    border: 3px solid #fff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.diamond-grid > li:nth-child(9n+6) {
    margin-left: 66px;
    margin-top: -6px;
}
.diamond-grid > li:nth-child(5) {
    margin-left: 182px;
}
.diamond-grid > li:nth-child(n+5) {
    margin-top: -51px;
}